body, table, td, div, h1, h2, h3, h4, img, p {margin: 0; padding: 0; border: 0; vertical-align: top;}
a {border: 0; margin: 0; color: #3E7FF5; text-decoration: none; cursor : pointer;}
img {border: 0px;}
p, form, input {margin: 0; padding: 0;}

html {height: 100%;}
body {width: 100%; height: 100%; line-height: 16px; font-family: Arial, Verdana, Sans-serif; font-size: 12px; color: #333333;}
textarea, input {margin: 0px; padding: 0px 3px; font-family: Arial, Verdana, Sans-serif; font-size: 12px; color: #333333;}
input[type='text'], input[type='password'], textarea, select {border: 1px solid #C3C3C3;}
.bottom .article input[type='text'],
.bottom .article input[type='password'],
.bottom .article textarea,
.bottom .article select {margin: 2px 0px;}
.bottom .content td {vertical-align: middle;}
.bottom .content table.alignTop td, .bottom .content table td.alignTop {vertical-align: top;}


body#tinymce {background: white;}
p.MsoNormal {margin: 0px; padding: 0px;}

.page_info_bar {margin: 10px 0 10px 0; padding:3px; border: solid 1px rgb(191,191,191);}
.page_info_bar * {font-family: Arial, Verdana, Sans-serif; font-weight: normal; font-size: 12px; color: #333333;}
.info_bar_left {float: left;}
.info_bar_right {float: right;}
.nobr {white-space: nowrap;}
.clear {clear: both;}
input.error, textarea.error, span.error {color: white; background-color: red;}

.webscript {background: none;}
.webscript * {font-family: Arial, Verdana, Sans-serif; font-size: 12px; color: #333333}
.webscript table {width: 100%;}
.webscript td {padding-right: 4px;}
.webscript a {}
.webscript .spacer {height: 10px;}
.webscript .subspacer {height: 5px;}
.webscript .error {background: #FF0000;}

.webscript .grouptitle_top {padding: 10px 5px 0 0; color: #333333;}
.webscript .grouptitle_top .text {margin: 0 0 10px 0; width: 100%; padding: 3px; font-weight: bold; background: #CCCCCC;}
.webscript .grouptitle_left {color: #333333;}
.webscript .grouptitle_left .text {font-weight: bold; background: none;}

.webscript .title {padding: 0 5px 0 0; font-weight: bold; color: #333333;}
.webscript .title_left {background: white;}
.webscript .subtitle {font-style:italic; color: #333333;}

.webscript .dash {padding: 0 5px 0 0;}
.webscript .even {padding: 0 0 2px 0;}
.webscript .odd {padding: 0 0 2px 0;}

.webscript .name {font-weight: bold;}
.webscript .function {font-weight: bold;}
.webscript .photo {width: auto; text-align: center;}
.webscript .eventlink {}
.webscript .linkbox {}
.webscript .present {text-align: center;}
.webscript .absent {text-align: center;}
.webscript .unknown {text-align: center;}
.webscript .eventtext {}
.webscript .place {font-style: italic;}
.webscript .eventtime{}
.webscript .eventspage .hometeam {padding-left: 10px; padding-bottom: 3px;}
.webscript .eventspage .eventtext {padding-bottom: 3px;}

.webscript .navigation {}
.webscript .navigation a {text-decoration: none;}
.webscript .navigation a.active, .webscript .navigation a:hover {text-decoration: underline;}

.webscript .contactpage .contactlistNav .alphabet {float: left;}
.webscript .contactpage .contactlistNav .alphabet a {text-decoration: none;}
.webscript .contactpage .contactlistNav .alphabet a.active, .webscript .contactpage .contactlistNav .alphabet a:hover {text-decoration: underline;}
.webscript .contactpage .contactlistNav .paged {float: right;}
.webscript .contactpage .contactlistNav .paged a {text-decoration: none;}
.webscript .contactpage .contactlistNav .paged a.inactive {color: #999999; cursor: text;}
.webscript .contactpage .contactlist tr.head td {font-weight: bold;}

#teampage {width: 100%;}
#contactdata {width: 100%;}
#contactdata .personal01-photo-container {
  float: right;
  max-width: 120px;
}
#contactdata .personal01-photo-container img {
  max-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: #FFFFFF; font-weight: bold; font-size: 8pt}
.outerblock .title td span, .outerblock .title td a {color: #FFFFFF; font-weight: bold; font-size: 8pt}
.outerblock .title a {color: white;}
.outerblock .subtitle td {padding: 3px; background:#999999; color: #FFFFFF; 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;}


/* Transactions */
.screen {margin-top: 0pt; margin-left: 0pt; background: white;}
.screen * {font-family: Arial, Verdana, Sans-serif; font-size: 12px;}
.screen table {padding: 2px;}
.screen td {padding: 2px;}
.screen font {}
.screen input {}
.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}
.message{background: #FFFFCC; 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;}



/* FORUM01 */
.FORUM01 {position: relative; padding-top: 30px; padding-bottom: 50px;}
.FORUM01 a {cursor: pointer;}
.FORUM01 ul {margin: 0px; padding: 0px; list-style: none;}

.FORUM01 > .nav {position: absolute; top: 0px; left: 0px; width: 160px;}
.FORUM01 > .nav .mainLink {position: relative; height: 20px; line-height: 20px; padding: 0px 4px; color: #3E7FF5; background-color: #EFEFEF;}
.FORUM01 > .nav li {height: 20px; line-height: 20px; background-color: #EFEFEF;}
.FORUM01 > .nav li .childrenArrow {float: right; height: 100%; color: #3E7FF5; display: block;}
.FORUM01 > .nav a {color: #3E7FF5; text-decoration: none; white-space: nowrap; overflow: hidden; display: block;}
.FORUM01 > .nav .level_0 {position: relative;}
.FORUM01 > .nav .level_1 {position: relative; border-top: 1px solid #CCCCCC; display: none;}
.FORUM01 > .nav .level_2 {position: relative; top: -20px; left: 140px; border-top: 1px solid #3E7FF5; display: none;}
.FORUM01 > .nav .level_1 li {padding: 0px 4px; border: 1px solid #3E7FF5; border-top-width: 0px;}
.FORUM01 > .nav .level_0 > li > a, .nav .level_0 > li > .childrenArrow {margin: 0px 4px;}

.FORUM01 > .nav li:hover {background-color: #3E7FF5;}
.FORUM01 > .nav li:hover > a, .nav li:hover > .childrenArrow {color: white;}
.FORUM01 > .nav .level_0 > li:hover .level_1 {display: block;}
.FORUM01 > .nav .level_1 > li:hover .level_2 {display: block;}

.FORUM01 > .profileLink {position: absolute; top: 0px; right: 132px; height: 20px; line-height: 20px;}
.FORUM01 > .fullWidthLink {position: absolute; top: 0px; right: 16px; height: 20px; line-height: 20px;}

.FORUM01 a {text-decoration: underline;}
.FORUM01 a:hover {text-decoration: none;}

.FORUM01 > .forums {position: relative; width: 99%; color: #333333; border-spacing: 0px; border-collapse: collapse;}
.FORUM01 > .forums a {color: #3E7FF5;}
.FORUM01 > .forums td {padding: 0px 4px; border: 1px solid #CCCCCC;}
.FORUM01 > .forums .header {background-color: #3E7FF5;}
.FORUM01 > .forums .header td {color: white; text-align: center;}
.FORUM01 > .forums .forum {background-color: #3E7FF5;}
.FORUM01 > .forums .forum td {color: white;}
.FORUM01 > .forums .subforum {background-color: #EFEFEF;}
.FORUM01 > .forums .subforum .status {}
.FORUM01 > .forums .subforum .name {width: 100%;}
.FORUM01 > .forums .subforum .name .title {}
.FORUM01 > .forums .subforum .name .description {}
.FORUM01 > .forums .subforum .lastpost {}
.FORUM01 > .forums .subforum .lastpost .title {display: block;}
.FORUM01 > .forums .subforum .lastpost .by {}
.FORUM01 > .forums .subforum .lastpost .date {}
.FORUM01 > .forums .subforum .lastpost .lastPage {width: 16px; height: 9px; background: url(//pr01.is4c.com/images/lastpost.png) no-repeat; display: inline-block;}
.FORUM01 > .forums .subforum .threads {text-align: center;}
.FORUM01 > .forums .subforum .posts {text-align: center;}
.FORUM01 > .forums .threadpages a {text-decoration: none;}
.FORUM01 > .forums .threadpages a:hover {text-decoration: underline;}

.FORUM01 > .forums .subforumOptions {height: 20px; line-height: 20px; padding: 0px 4px; background-color: #3E7FF5;}
.FORUM01 > .forums .subforumOptions a {margin: 0px 3px; color: white; text-decoration: none;}
.FORUM01 > .forums .subforumOptions a.active, .FORUM01 > .forums .subforumOptions a:hover {text-decoration: underline;}
.FORUM01 > .forums .subforumOptions .options {float: left;}
.FORUM01 > .forums .subforumOptions .subforumNav {float: right; color: white; text-align: right;}

.FORUM01 > .posts {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.FORUM01 > .posts a {color: #3E7FF5;}
.FORUM01 > .posts > .header {background-color: #3E7FF5; border-bottom: 1px solid white;}
.FORUM01 > .posts .post {}
.FORUM01 > .posts .post > .header {height: 20px; line-height: 20px; padding: 0px 4px; background-color: #3E7FF5;}
.FORUM01 > .posts .post .header .date {color: white;}
.FORUM01 > .posts .post .header .date .posted {color: white;}
.FORUM01 > .posts .post .header .number {float: right; color: white;}
.FORUM01 > .posts .post .body {position: relative; padding-bottom: 1px; background-color: #EFEFEF;}
.FORUM01 > .posts .post .body .authorBackground {position: absolute; top: 0px; left: 0px; bottom: 0px; width: 200px; background-color: #E3E3E3;}
.FORUM01 > .posts .post .body .author {position: relative; float: left; width: 192px; padding: 4px;}
.FORUM01 > .posts .post .body .author .name {margin-bottom: 4px;}
.FORUM01 > .posts .post .body .author .name a {font-weight: bold; font-size: 12px;}
.FORUM01 > .posts .post .body .author .name .banned {font-size: 11px; color: red;}
.FORUM01 > .posts .post .body .author .image {margin-bottom: 4px;}
.FORUM01 > .posts .post .body .author .info {}
.FORUM01 > .posts .post .body .author .info table {border-collapse: collapse;}
.FORUM01 > .posts .post .body .author .info table td {padding: 0px 0px 3px;}
.FORUM01 > .posts .post .body > .message {position: relative; margin-left: 200px; margin-bottom: 20px; padding: 4px; background: transparent;}
.FORUM01 > .posts .post .body .message > .title {margin-bottom: 4px; padding-bottom: 4px; font-size: 12px; border-bottom: 1px solid #E3E3E3;}
.FORUM01 > .posts .post .body .message .message {background: transparent;}
.FORUM01 > .posts .post .body .message .message .emoticon {vertical-align: middle;}
.FORUM01 > .posts .post .body .options {position: absolute; left: 204px; right: 4px; bottom: 4px; height: 16px; line-height: 16px;}
.FORUM01 > .posts .post .body .options .lastedit {}
.FORUM01 > .posts .post .body .options .right {float: right;}
.FORUM01 > .posts .post .body .options .right .edit {}
.FORUM01 > .posts .post .body .options .right .quote {border: 0px solid;}
.FORUM01 > .posts .post .body .options .right .report {}
.FORUM01 > .posts > .footer {background-color: #3E7FF5;}

.FORUM01 > .posts > .header .options,
.FORUM01 > .posts > .footer .options {
  float: left; height: 20px; line-height: 20px; padding: 0px 4px; color: white;
}
.FORUM01 > .posts > .header .options a,
.FORUM01 > .posts > .footer .options a {
  color: white; text-decoration: none;
}
.FORUM01 > .posts > .header .options a:hover,
.FORUM01 > .posts > .footer .options a:hover {
  text-decoration: underline;
}

.FORUM01 > .posts .forumNav {float: right; height: 20px; line-height: 20px; padding: 0px 4px;}
.FORUM01 > .posts .forumNav a {margin: 0px 3px; color: white; text-decoration: none;}
.FORUM01 > .posts .forumNav a.active, .forumNav a:hover {text-decoration: underline;}

.FORUM01 .quote {margin: 8px; border: 1px solid #CCCCCC;}
.FORUM01 .quote .header {padding: 0px 4px; background-color: #3E7FF5;}
.FORUM01 .quote .header .name {font-weight: bold; color: white;}
.FORUM01 .quote .header .wrote {margin-left: 5px; color: white;}
.FORUM01 .quote .header .title {color: white;}
.FORUM01 .quote .body {padding: 4px;}
.FORUM01 .quoteableMessage {display: none;}

.FORUM01 .avatar {width: 75px; height: 100px;}
.FORUM01 > .reactionForm {margin-top: 20px;}
.FORUM01 > .newThread {}

.FORUM01 .privateMessages {}
.FORUM01 .privateMessages > .title {}
.FORUM01 .privateMessages > .pms {display: none;}

.FORUM01 .reportedPosts {margin-top: 16px;}
.FORUM01 .reportedPosts > .title {}
.FORUM01 .reportedPosts > .reports {display: none;}

.FORUM01 .privatePosts {margin-top: 16px;}
.FORUM01 .privatePosts > .title {}
.FORUM01 .privatePosts > .posts {display: none;}

/* GUESTBK03 */
.GUESTBK03 .commentsHeader {margin-bottom: 10px; font-size: 18px; color: #3E7FF5;}
.GUESTBK03 .comment.level_0 {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC;}
.GUESTBK03 .comment .comment {margin: 5px 0px 0px 85px; padding: 5px; background-color: #EFEFEF; border: 1px solid #CCCCCC;}
.GUESTBK03 .comment .comment.level_2 {background-color: white;}

/* CHAT01 */
.CHAT01 {position: relative; width: 660px; margin: 0px auto;}
.CHAT01 .message {position: relative; width: 458px; margin-top: 10px; padding: 20px; background: #CFCFCF; border: 1px solid #CCCCCC;}
.CHAT01 .message .editorOption {float: left; height: 20px; line-height: 20px; margin-right: 4px; margin-bottom: 4px; background-color: white; border: 1px solid #CCCCCC;}
.CHAT01 .message .editorOption a {padding: 0px 8px; text-decoration: none; cursor: pointer; display: block;}
.CHAT01 .message #chatField {position: relative; width: 99%; margin-bottom: 10px; height: 20px; line-height: 20px; border: 1px solid #CCCCCC;}
.CHAT01 .message #joinField {position: relative; width: 99%; border: 1px solid #CCCCCC;}
.CHAT01 .message #joinField.initial, .CHAT01 .message #chatField.initial {color: #CFCFCF;}
.CHAT01 .message #nameSpan, .CHAT01 .message .editName, .CHAT01 .message.joined #joinField {display: none;}
.CHAT01 .message .editName {}
.CHAT01 .message.joined #nameSpan, .CHAT01 .message.joined .editName {display: inline;}
.CHAT01 .message input.join, .CHAT01 .message input.react {position: relative; margin-top: 10px; display: block;}
.CHAT01 .message .sound {position: absolute; right: 10px; bottom: 10px; width: 32px; height: 32px; background: url(//pr01.is4c.com/images/soundOff.png) no-repeat; display: block; cursor: pointer;}
.CHAT01 .message .sound.on {background-image: url(//pr01.is4c.com/images/soundOn.png);}
.CHAT01 .chats {width: 498px; background-color: #EFEFEF; border: 1px solid #CCCCCC; overflow: auto;}
.CHAT01 .chats .chat {padding: 9px 20px; border-top: 1px solid #CCCCCC;}
.CHAT01 .chats .chat.first {border-top: 0px solid white;}
.CHAT01 .chats .chat .name, .CHAT01 .chats .chat .time {font-size: 12px;}
.CHAT01 .chats .chat .comment {line-height: 20px; margin-top: 2px; font-size: 14px; display: block;}
.CHAT01 .chats .chat.self {background-color: #CFCFCF;}
.CHAT01 .usernames {position: absolute; top: 0px; right: 0px; width: 159px; margin: 0px; padding: 0px; list-style: none; border: 1px solid #CCCCCC; border-left-width: 0px;}
.CHAT01 .usernames li {padding: 4px 8px; background-color: #EFEFEF;}
.CHAT01 .usernames li.self {background-color: #CFCFCF;}

  .CHAT01 .chats .chat.color0 .name, .CHAT01 .chats .chat.color0 .time {color: #D92525;}
  .CHAT01 .chats .chat.color1 .name, .CHAT01 .chats .chat.color1 .time {color: #06247B;}
  .CHAT01 .chats .chat.color2 .name, .CHAT01 .chats .chat.color2 .time {color: #C4B407;}
  .CHAT01 .chats .chat.color3 .name, .CHAT01 .chats .chat.color3 .time {color: #208704;}
  .CHAT01 .chats .chat.color4 .name, .CHAT01 .chats .chat.color4 .time {color: #8B5EDD;}
  .CHAT01 .chats .chat.color5 .name, .CHAT01 .chats .chat.color5 .time {color: #52BEAB;}
  .CHAT01 .chats .chat.color6 .name, .CHAT01 .chats .chat.color6 .time {color: #E27D05;}
  .CHAT01 .chats .chat.color7 .name, .CHAT01 .chats .chat.color7 .time {color: #D91769;}
  .CHAT01 .chats .chat.color8 .name, .CHAT01 .chats .chat.color8 .time {color: #7A7006;}
  .CHAT01 .chats .chat.color9 .name, .CHAT01 .chats .chat.color9 .time {color: #7BC966;}
  .CHAT01 .chats .chat.color10 .name, .CHAT01 .chats .chat.color10 .time {color: #FF4800;}
  .CHAT01 .chats .chat.color11 .name, .CHAT01 .chats .chat.color11 .time {color: #553393;}
  .CHAT01 .chats .chat.color12 .name, .CHAT01 .chats .chat.color12 .time {color: #F97743;}
  .CHAT01 .chats .chat.color13 .name, .CHAT01 .chats .chat.color13 .time {color: #788A17;}
  .CHAT01 .chats .chat.color14 .name, .CHAT01 .chats .chat.color14 .time {color: #5772B5;}
  .CHAT01 .chats .chat.color15 .name, .CHAT01 .chats .chat.color15 .time {color: #76178A;}
  .CHAT01 .chats .chat.color16 .name, .CHAT01 .chats .chat.color16 .time {color: #D484E5;}
  .CHAT01 .chats .chat.color17 .name, .CHAT01 .chats .chat.color17 .time {color: #6EB720;}
  .CHAT01 .chats .chat.color18 .name, .CHAT01 .chats .chat.color18 .time {color: #D80202;}
  .CHAT01 .chats .chat.color19 .name, .CHAT01 .chats .chat.color19 .time {color: #07C4B0;}
  .CHAT01 .chats .chat.color20 .name, .CHAT01 .chats .chat.color20 .time {color: #067B66;}
  .CHAT01 .chats .chat.color21 .name, .CHAT01 .chats .chat.color21 .time {color: #E23E05;}
  .CHAT01 .chats .chat.color22 .name, .CHAT01 .chats .chat.color22 .time {color: #1005E2;}
  .CHAT01 .chats .chat.color23 .name, .CHAT01 .chats .chat.color23 .time {color: #7D480A;}
  .CHAT01 .chats .chat.color24 .name, .CHAT01 .chats .chat.color24 .time {color: #39C413;}
  .CHAT01 .chats .chat.color25 .name, .CHAT01 .chats .chat.color25 .time {color: #575218;}
  .CHAT01 .chats .chat.color26 .name, .CHAT01 .chats .chat.color26 .time {color: #0D0783;}
  .CHAT01 .chats .chat.color27 .name, .CHAT01 .chats .chat.color27 .time {color: #666699;}
  .CHAT01 .chats .chat.color28 .name, .CHAT01 .chats .chat.color28 .time {color: #CC0033;}
  .CHAT01 .chats .chat.color29 .name, .CHAT01 .chats .chat.color29 .time {color: #339900;}

/* I_COMMENT1 */
.I_COMMENT1 {position: relative; padding-bottom: 1px;}
.I_COMMENT1 .commentImage {position: relative; float: left; width: 80px;}
.I_COMMENT1 .commentImage img {width: 75px; height: 100px;}
.I_COMMENT1 .commentBlock {position: relative; margin-left: 85px; margin-bottom: 16px;}
.I_COMMENT1 .commentBlock .name, .I_COMMENT1 .commentBlock .name a {color: #3E7FF5;}
.I_COMMENT1 .commentBlock .title {font-weight: bold;}
.I_COMMENT1 .commentBlock .commentMessage {}
.I_COMMENT1 .commentFooter {position: absolute; bottom: 0px; left: 85px; right: 0px; height: 16px; line-height: 16px;}
.I_COMMENT1 .commentFooter .date {float: left;}
.I_COMMENT1 .commentFooter .reply {float: right; color: #3E7FF5; cursor: pointer;}
.I_COMMENT1.noImageMargin .commentBlock {margin-left: 0px;}
.I_COMMENT1.noImageMargin .commentFooter {left: 0px;}

/* I_MESSBLK1 */
.I_MESSBLK1 {position: relative; margin-bottom: 10px; padding: 4px; background-color: #EFEFEF; border: 1px solid #CCCCCC;}
.I_MESSBLK1 .messageImage {position: absolute; width: 80px;}
.I_MESSBLK1 .messageImage img {width: 75px; height: 100px;}
.I_MESSBLK1 .messageBlock {position: relative; left: 85px; min-height: 100px; height: auto !important; height: 500px; padding-right: 85px;}
.I_MESSBLK1 .messageBlock.noImageMargin {left: 0px; padding-right: 0px;}
.I_MESSBLK1 .messageBlock div.name {}
.I_MESSBLK1 .messageBlock .receiver {margin-bottom: 4px;}
.I_MESSBLK1 .messageBlock .receiver a {color: #3E7FF5;}
.I_MESSBLK1 .messageBlock input, .I_MESSBLK1 .messageBlock textarea {margin-bottom: 4px; border: 1px solid #CCCCCC; display: block;}
.I_MESSBLK1 .messageBlock input.name {float: left; margin-right: 4px;}
.I_MESSBLK1 .messageBlock .email {}
.I_MESSBLK1 .messageBlock .title {width: 99%;clear: both;}
.I_MESSBLK1 .messageBlock .message {width: 99%; font-size: 12px; background-color: white;clear: both;}
.I_MESSBLK1 .messageBlock .thread {margin-bottom: 4px; display: block;}
.I_MESSBLK1 .messageBlock .cancelMessage, .I_MESSBLK1 .messageBlock .sendMessage {float: left; margin-right: 4px; cursor: pointer;}
.I_MESSBLK1 .invalid, .I_MESSBLK1 .error, .I_MESSBLK1 .messageBlock .message.invalid, .I_MESSBLK1 .messageBlock .message.error {color: white; background-color: red;}

.I_MESSBLK1 .messageBlock .closeThread,
.I_MESSBLK1 .messageBlock .sticky-thread,
.I_MESSBLK1 .messageBlock .warning,
.I_MESSBLK1 .messageBlock .ban {height: 19px; line-height: 19px; margin-bottom: 4px;}
.I_MESSBLK1 .messageBlock .closeThread > span,
.I_MESSBLK1 .messageBlock .sticky-thread > span,
.I_MESSBLK1 .messageBlock .warning > span,
.I_MESSBLK1 .messageBlock .ban > span {float: left; margin-right: 5px;}
.I_MESSBLK1 .messageBlock .closeThread input,
.I_MESSBLK1 .messageBlock .sticky-thread input,
.I_MESSBLK1 .messageBlock .warning input,
.I_MESSBLK1 .messageBlock .ban input {display: inline;}

.I_MESSBLK1 .captchaFailed {height: 20px; line-height: 20px; color: red;}
.I_MESSBLK1 .captchaBlock {position: relative; height: 80px; margin-bottom: 4px;}
.I_MESSBLK1 .captchaBlock .enterCaptcha {position: absolute; top: 0px; left: 0px; height: 40px; line-height: 40px;}
.I_MESSBLK1 .captchaBlock .captchaField {position: absolute; top: 40px; left: 0px;}
.I_MESSBLK1 .captchaBlock img {position: absolute; top: 0px; left: 150px;}

.I_MESSBLK1 .editorOptions {position: relative;}
.I_MESSBLK1 .editorOptions .editorOption {float: left; height: 20px; line-height: 20px; margin-right: 4px; margin-bottom: 4px; background-color: white; border: 1px solid #CCCCCC;}
.I_MESSBLK1 .editorOptions .editorOption a {padding: 0px 8px; text-decoration: none; cursor: pointer; display: block;}
.I_MESSBLK1 .editorOptions .editorOption input {height: 20px; line-height: 20px; padding: 0px 8px; background-color: white; border-width: 0px; cursor: pointer; display: block;}
.I_MESSBLK1 .editorOptions .bold {font-weight: bold;}
.I_MESSBLK1 .editorOptions .italic {font-style: italic;}
.I_MESSBLK1 .editorOptions .underline, .I_MESSBLK1 .editorOptions .url {text-decoration: underline;}
.I_MESSBLK1 .editorOptions .description {padding: 0px 8px; white-space: nowrap; clear: both;}

.I_MESSBLK1 .editor-options__buttons {
  float: left;
  width: 350px;
  padding: 5px 0;
  overflow: auto;
}

.I_MESSBLK1 .editor-options__colors {
  float: left;
  width: 120px;
  padding: 5px 0;
  overflow: auto;
}

.I_MESSBLK1 .editor-options__colors a {
  float: left;
  width: 20px;
  height: 20px;
  margin: 0 5px 5px 0;
  border: 1px solid black;
  display: block;
}

.I_MESSBLK1 .editor-options__emoticons {
  margin: 5px 0;
  overflow: auto;
}

.I_MESSBLK1 .editor-options__emoticons a {
  float: left;
  width: 24px;
  height: 20px;
  text-align: center;
  display: block;
}

.I_MESSBLK1 .editor-options__emoticons a img {

}

.comment.level_1 > .commentReply .I_MESSBLK1 {background-color: white;}
.comment .I_MESSBLK1 {margin: 4px 0px 0px 85px;}

/* I_POSTS2 */
.I_POSTS2 .thread {background-color: #EFEFEF; border: 1px solid #CCCCCC; border-top: 0px solid;}
.I_POSTS2 .thread.first {border-top: 1px solid #CCCCCC;}
.I_POSTS2 .thread .header {padding: 4px;}
.I_POSTS2 .thread .header .title {color: #3E7FF5;}
.I_POSTS2 .thread .header .in {text-decoration: none;}
.I_POSTS2 .thread .header .in:hover {text-decoration: underline;}
.I_POSTS2 .thread .posts {margin: 16px; display: none;}
.I_POSTS2 .thread .posts .post {padding: 4px; background-color: #E3E3E3; border: 1px solid #CCCCCC; border-top: 0px solid;}
.I_POSTS2 .thread .posts .post.first {border-top: 1px solid #CCCCCC;}
.I_POSTS2 .thread .posts .post .title {}
.I_POSTS2 .thread .posts .post .title {color: #3E7FF5;}
.I_POSTS2 .thread .posts .post .message {background-color: transparent;}

/* I_PMESS1 */
.I_PMESS1 .dialog {background-color: #EFEFEF; border: 1px solid #CCCCCC; border-top: 0px solid;}
.I_PMESS1 .dialog.first {border-top: 1px solid #CCCCCC;}
.I_PMESS1 .dialog .header {position: relative; height: 16px; line-height: 16px; padding: 4px;}
.I_PMESS1 .dialog .header a {color: #3E7FF5;}
.I_PMESS1 .dialog .header .from {position: relative; float: left;}
.I_PMESS1 .dialog .header .to {position: relative; float: right;}
.I_PMESS1 .dialog .header .title {position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; line-height: 16px; text-align: center;}
.I_PMESS1 .dialog .messages {line-height: 16px; padding: 4px; display: none; border-top: 1px solid #CCCCCC;}
.I_PMESS1 .dialog .messages .message {margin: 4px 4px 0px; background: none; overflow: auto;}
.I_PMESS1 .dialog .messages .message .time {float: left; margin: 0px 4px; color: #999999;}
.I_PMESS1 .dialog .messages .message .text {margin: 0px 4px; background-color: #E3E3E3;}
.I_PMESS1 .dialog .messages .message.left {text-align: left;}
.I_PMESS1 .dialog .messages .message.right {text-align: right;}
.I_PMESS1 .dialog .messages .message.right .time {float: right;}
.I_PMESS1 .dialog .messages .action {margin: 4px 4px 0px; line-height: 14px; text-align: center;}
.I_PMESS1 .dialog .messages .action a {margin-right: 5px;}
.I_PMESS1 .dialog .messages .action .delete {width: 14px; height: 14px; background: url(//pr01.is4c.com/images/cross.png) no-repeat; border: 0px solid white; display: inline-block; cursor: pointer;}
.I_PMESS1 .dialog.warning {background-color: red;}
.I_PMESS1 .dialog.warning .messages .message .text {background: none;}
.I_PMESS1 .dialog.warning a, .I_PMESS1 .dialog.warning .from, .I_PMESS1 .dialog.warning .to, .I_PMESS1 .dialog.warning .messages .message .text {color: white;}

/* I_RMESS1 */
.I_RMESS1 .report {position: relative; padding: 4px; background-color: #EFEFEF; border: 1px solid #CCCCCC; border-top: 0px solid;}
.I_RMESS1 .report.first {border-top: 1px solid #CCCCCC;}
.I_RMESS1 .report .reporter .by a, .I_RMESS1 .report .post .from a, .I_RMESS1 .report .post .title a {color: #3E7FF5;}
.I_RMESS1 .report .post {margin-top: 8px;}
.I_RMESS1 .report .delete {position: absolute; top: 2px; right: 2px; width: 14px; height: 14px; background: url(//pr01.is4c.com/images/cross.png) no-repeat; border: 0px solid white; cursor: pointer;}

/* TEMPLATE01 */
.TEMPLATE01 {position: relative;}
.TEMPLATE01 > .container {position: relative; width: 1240px; margin: 0px auto;}
.TEMPLATE01 > .container > .header {position: relative; height: 195px;}
.TEMPLATE01 > .container > .header .logo {position: absolute; top: 0px; left: 0px; background: url(images/logo.png) no-repeat;}

.TEMPLATE01 > .container > .bottom {position: relative;}
.TEMPLATE01 > .container > .bottom > .left {position: relative; float: left; width: 144px; margin-right: 14px;}
.TEMPLATE01 > .container .content {position: relative; float: left; width: 924px;}
.TEMPLATE01 > .container .content > .left {position: relative; float: left; width: 595px;}
.TEMPLATE01 > .container .content > .right {position: relative; float: right; width: 315px;}
.TEMPLATE01 > .container > .bottom > .right {position: relative; float: right; width: 144px;}

.TEMPLATE01 > .container div.title {position: relative; height: 25px; line-height: 25px; font-size: 11px; color: white;}

.TEMPLATE01 > .container .login {position: relative;}
.TEMPLATE01 > .container .login .login_block {position: relative; height: 160px;}
.TEMPLATE01 > .container .login .login_block .text_user,
  .TEMPLATE01 > .container .login .login_block .text_password,
  .TEMPLATE01 > .container .login .login_block .text_keeplogin,
  .TEMPLATE01 > .container .login .login_block .newpassword a       {position: absolute; height: 19px; line-height: 19px;}
.TEMPLATE01 > .container .login .login_block .input_user input,
  .TEMPLATE01 > .container .login .login_block .input_password input  {position: absolute; height: 19px;}
.TEMPLATE01 > .container .login .login_block .input_keeplogin input   {position: absolute;}
.TEMPLATE01 > .container .login .login_block .input_button input        {position: absolute; cursor: pointer;}
.TEMPLATE01 > .container .login .login_block .newpassword a         {text-decoration: underline;}
.TEMPLATE01 > .container .login .login_block .newpassword a:hover   {text-decoration: none;}

.TEMPLATE01 > .container .login .loggedin_block                     {position: relative; height: 80px;}
.TEMPLATE01 > .container .login .loggedin_block .text_loggedin_as     {position: absolute; height: 19px; line-height: 19px;}
.TEMPLATE01 > .container .login .loggedin_block .text_username        {position: absolute; height: 19px; line-height: 19px;}
.TEMPLATE01 > .container .login .loggedin_block .logoff_button a        {position: absolute; height: 19px; line-height: 19px; text-decoration: underline;}
.TEMPLATE01 > .container .login .loggedin_block .logoff_button a:hover  {text-decoration: none;}

.TEMPLATE01 > .container .login .familydata {position: relative;}
.TEMPLATE01 > .container .login .familydata a {text-decoration: none;}
.TEMPLATE01 > .container .login .familydata a.active, .TEMPLATE01 > .container .login .familydata a:hover {text-decoration: underline;}

.TEMPLATE01 > .container .sidemenu {position: relative;}
.TEMPLATE01 > .container .sidemenu ul {margin: 0px; padding: 0px; list-style: none;}
.TEMPLATE01 > .container .sidemenu li {height: 23px; line-height: 23px;}
.TEMPLATE01 > .container .sidemenu a {display: block;}

.TEMPLATE01 > .container .search .search_block {position: relative; height: 73px;}
.TEMPLATE01 > .container .search .search_block .input_search input {position: absolute; height: 19px;}
.TEMPLATE01 > .container .search .search_block .input_button input {position: absolute; cursor: pointer;}

.TEMPLATE01 > .container .sponsorcarrousel table {height: 130px;}

.TEMPLATE01 > .container .sponsorlist a {display: block;}

.TEMPLATE01 > .container .tabs {position: absolute; top: 195px; left: 0px; right: 0px;}
.TEMPLATE01 > .container .tabs ul {margin: 0px; padding: 0px; list-style: none;}
.TEMPLATE01 > .container .tabs li {position: relative; float: left; height: 30px; line-height: 30px;}
.TEMPLATE01 > .container .tabs a {display: block; white-space: nowrap;}
.TEMPLATE01 > .container .tabs li .left {position: absolute; top: 0px; left: 0px; bottom: 0px; width: 4px;}
.TEMPLATE01 > .container .tabs li .right {position: absolute; top: 0px; right: 0px; bottom: 0px; width: 4px;}

.TEMPLATE01 > .container .topmenu {position: absolute; top: 195px; left: 0px; right: 0px;}
.TEMPLATE01 > .container .topmenu ul {margin: 0px; padding: 0px; list-style: none;}
.TEMPLATE01 > .container .topmenu li {position: relative;}
.TEMPLATE01 > .container .topmenu a {display: block; white-space: nowrap;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li {float: left; height: 34px; line-height: 34px;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li > .left {position: absolute; top: 0px; left: 0px; bottom: 0px; width: 4px;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li > .right {position: absolute; top: 0px; right: 0px; bottom: 0px; width: 4px;}
.TEMPLATE01 > .container .topmenu ul.level_0 ul {position: absolute; left: 0px; display: none;}
.TEMPLATE01 > .container .topmenu ul.level_1 li {height: 25px; line-height: 25px;}
.TEMPLATE01 > .container .topmenu ul.level_1 a {width: 166px; padding: 0px 7px; display: block;}
.TEMPLATE01 > .container .topmenu ul.level_1 ul {position: absolute; top: 0px; left: 180px;}
.TEMPLATE01 > .container .topmenu li:hover > ul {display: block;}
.TEMPLATE01 > .container .topmenu ul.level_1 {top: 34px;}

.TEMPLATE01 > .container .floatmenu {position: absolute; top: 195px; left: 0px; right: 0px;}
.TEMPLATE01 > .container .floatmenu ul {margin: 0px; padding: 0px; list-style: none;}
.TEMPLATE01 > .container .floatmenu li {}
.TEMPLATE01 > .container .floatmenu a {display: block; white-space: nowrap;}
.TEMPLATE01 > .container .floatmenu ul.level_0 > li {float: left; height: 30px; line-height: 30px;}
.TEMPLATE01 > .container .floatmenu ul.level_0 > li > a {float: left;}
.TEMPLATE01 > .container .floatmenu ul.level_0 > li > .left {float: left; width: 4px;}
.TEMPLATE01 > .container .floatmenu ul.level_0 > li > .right {float: left; width: 4px;}
.TEMPLATE01 > .container .floatmenu ul.level_0 .floatBackground {position: absolute; left: 0px; right: 0px; display: none;}
.TEMPLATE01 > .container .floatmenu ul.level_1 {position: absolute; left: 0px; display: none;}
.TEMPLATE01 > .container .floatmenu ul.level_1 li {}
.TEMPLATE01 > .container .floatmenu ul.level_1 a {display: block;}
.TEMPLATE01 > .container .floatmenu ul.level_1 ul {}
.TEMPLATE01 > .container .floatmenu li:hover > ul, .TEMPLATE01 > .container .floatmenu ul.level_0 > li:hover > .floatBackground, .TEMPLATE01 > .container .floatmenu ul.level_0 > li:hover > .floatBackground > ul {display: block;}
.TEMPLATE01 > .container .floatmenu ul.level_1 {}

.TEMPLATE01 > .container .article {position: relative; margin-bottom: 24px;}
.TEMPLATE01 > .container .article .articleHeader {position: relative; height: 29px;}
.TEMPLATE01 > .container .article .articleHeader h1 {height: 29px; line-height: 29px;}
.TEMPLATE01 > .container .article .articleBlock .articleintro {margin: 0px 9px 9px; padding-top: 9px;}
.TEMPLATE01 > .container .article .articleBlock .articleintro img {float: left; margin-right: 5px;}
.TEMPLATE01 > .container .article .articleBlock .articleintro a.title {text-decoration: none;}
.TEMPLATE01 > .container .article .articleBlock .articleintro a.readmore {text-decoration: underline;}
.TEMPLATE01 > .container .article .articleBlock .articleintro a.readmore:hover {text-decoration: none;}
.TEMPLATE01 > .container .article .articleBlock .articleSubheader {position: relative; height: 30px; line-height: 30px;}
.TEMPLATE01 > .container .article .articleBlock .articleSubheader h2 {height: 30px; line-height: 30px;}
.TEMPLATE01 > .container .article .articleBlock .articlelinks {margin: 4.5px 9px 0px;}
.TEMPLATE01 > .container .article .articleBlock .articlelinks .date {padding-right: 4.5px; white-space: nowrap;}
.TEMPLATE01 > .container .article .articleBlock .articlelinks .title a {text-decoration: none;}
.TEMPLATE01 > .container .article .articleBlock .pagelink {margin: 0px 9px 4.5px; text-decoration: none;}

.TEMPLATE01 > .container .article.detail .articleBlock .introduction {margin: 0px 9px 9px;}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay {margin: 0px auto;}
.TEMPLATE01 > .container .article.detail .articleBlock .singleImage {margin: 9px 0; text-align: center; display: block;}
.TEMPLATE01 > .container .article.detail .articleBlock .detail {margin: 0px 9px;}
.TEMPLATE01 > .container .article.detail .articleBlock .GUESTBK03 {margin: 9px 9px 0px; padding-top: 9px;}

.TEMPLATE01 > .container .article.agenda .articleBlock > table {margin: 4.5px 9px 0px;}
.TEMPLATE01 > .container .article.agenda .articleBlock .date, .TEMPLATE01 > .container .article.agenda .articleBlock .time {padding-right: 4.5px; white-space: nowrap;}
.TEMPLATE01 > .container .article.agenda .articleBlock a.fullAgenda {margin: 0px 9px 4.5px;}

.TEMPLATE01 > .container .article.photocarrousel .articleBlock > table {margin: 9px 0px;}
.TEMPLATE01 > .container .article.photocarrousel .articleBlock > table td .left {float: left; padding-left: 9px;}
.TEMPLATE01 > .container .article.photocarrousel .articleBlock > table td .right {float: right; padding-right: 9px;}

.TEMPLATE01 > .container .article.birthdays .articleBlock > table {margin: 4.5px 9px;}

.TEMPLATE01 > .container .article.weather .articleBlock > table {text-align: center;}
.TEMPLATE01 > .container .article.weather .articleBlock > table .weer_temp {padding: 0px 4.5px;}
.TEMPLATE01 > .container .article.weather .articleBlock > table .weer_tempmin {float: left; width: 50%;}
.TEMPLATE01 > .container .article.weather .articleBlock > table .weer_tempmax {float: right; width: 50%;}
.TEMPLATE01 > .container .article.weather .articleBlock > table .weer_bron {padding-right: 4.5px; text-align: right;}

.TEMPLATE01 > .container .article.buienradar .articleBlock {padding: 9px 0px; text-align: center;}

.TEMPLATE01 > .container .article.teamphoto .articleBlock {padding: 9px 0px; text-align: center;}

.TEMPLATE01 > .container .article.searchpage {}
.TEMPLATE01 > .container .article.searchpage .articleBlock > table {margin-left: 9px;}
.TEMPLATE01 > .container .article.searchpage .articleBlock tr.head td {font-weight: bold;}
.TEMPLATE01 > .container .article.searchpage .articleBlock tr.head td.type {width: 60px;}
.TEMPLATE01 > .container .article.searchpage .articleBlock tr.head td.title {width: 500px;}
.TEMPLATE01 > .container .article.searchpage .articleBlock tr.head td.date {width: 50px;}
.TEMPLATE01 > .container .article.searchpage .articleBlock a.title {font-weight: bold; text-decoration: none;}
.TEMPLATE01 > .container .article.searchpage .articleBlock a.title:hover {text-decoration: underline;}

.TEMPLATE01 > .container .article.foutpagina .articleBlock {padding: 0px 9px;}

.TEMPLATE01 > .container .article.archive {}
.TEMPLATE01 > .container .article.archive .articleBlock td.date {padding-right: 9px;}
.TEMPLATE01 > .container .article.archive .articleBlock td.titel a {font-weight: bold; text-decoration: none;}
.TEMPLATE01 > .container .article.archive .articleBlock td.titel a:hover {text-decoration: underline;}

.TEMPLATE01 > .container .article.articlelist .articleBlock {padding: 9px;}
.TEMPLATE01 > .container .article.articlelist .articleBlock ul {margin: 0px; padding: 0px; list-style: none;}
.TEMPLATE01 > .container .article.articlelist .articleBlock ul li a:hover {text-decoration: underline;}

.TEMPLATE01.popup {overflow-y: hidden;}
.TEMPLATE01 > .popupBackground {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10000;}
.TEMPLATE01 > .popupBackground .popupSpacer {position: relative; width: 100%; height: 20%;}
.TEMPLATE01 > .popupBackground .popupContainer {position: relative; width: 40%; height: 50%; margin: 0px auto;}
.TEMPLATE01 > .popupBackground a.closePopup {position: absolute; top: -24px; right: -24px; width: 24px; height: 24px; background: url(//pr01.is4c.com/images/closeButton24.png) no-repeat; display: block;}
.TEMPLATE01 > .popupBackground .article.popup {position: relative; height: 100%;}
.TEMPLATE01 > .popupBackground .article.popup .articleHeader {position: relative; height: 29px;}
.TEMPLATE01 > .popupBackground .article.popup .articleHeader h1 {height: 29px; line-height: 29px;}
.TEMPLATE01 > .popupBackground .article.popup .articleBlock {position: absolute; top: 29px; left: 0px; right: 0px; bottom: 0px; padding: 9px; overflow-y: auto;}
.TEMPLATE01 > .popupBackground .article.popup .articleBlock .articleintro {margin: 0px 9px 9px; padding-top: 9px;}
.TEMPLATE01 > .popupBackground .article.popup .articleBlock .articleintro img {float: left; margin-right: 5px;}
.TEMPLATE01 > .popupBackground .article.popup .articleBlock .articleintro a.title {text-decoration: none;}
.TEMPLATE01 > .popupBackground .article.popup .articleBlock .articleintro a.readmore {text-decoration: underline;}
.TEMPLATE01 > .popupBackground .article.popup .articleBlock .articleintro a.readmore:hover {text-decoration: none;}
.TEMPLATE01 > .popupBackground .article.popup .articleBlock .detail {margin: 0px 9px;}

.TEMPLATE01 ul.newsletterArchive a {text-decoration: none;}
.TEMPLATE01 ul.newsletterArchive a:hover {text-decoration: underline;}.webscript .title_left {background: none;}
.webscript a {color: #3E7FF5;}
.webscript a:hover {text-decoration: underline;}
.webscript .grouptitle_top .text {width: auto; padding-left: 9px; font-weight: normal; font-size: 14px; color: #333333; background-color: #EAF1FE; border-bottom: 4px solid #3E7FF5;}
.webscript .contactpage .contactlist tr.head td {}
.webscript .contactpage .contactlistNav .alphabet a {margin-right: 5px;}
.webscript .websites a {color: #3E7FF5;}
.webscript .websites a:hover {text-decoration: underline;}
.webscript .websites td.name {font-weight: normal;}
.webscript .websites .head, .webscript .websites .head td.name {font-weight: bold;}

.webscript .websites td.value04 {
	width: 125px;
}
.webscript .websites td.link:last-child {
	width: 130px;
}

.TEMPLATE01 .article.script.article01 tr:first-child td {padding-bottom: 20px;}
.TEMPLATE01 .article.script.article01 textarea[name='cmsformdata[article01][article_detail]'] {margin-bottom: 20px;}
.TEMPLATE01 .article.script.article01 input[type='submit'] {margin-top: 20px;}

.TEMPLATE01 > .container div.title a {color: white;}
.TEMPLATE01 > .container div.title a:hover {text-decoration: underline;}

.headerBackground {position: absolute; top: 0px; left: 0px; right: 0px; height: 140px; background: url(images/headerBackground.jpg) repeat-x;}
.menuBackground1 {position: absolute; top: 140px; left: 0px; right: 0px; height: 25px; background-color: #1E52B0;}
.menuBackground2 {position: absolute; top: 165px; left: 0px; right: 0px; height: 5px; background-color: #3E7FF5;}
.menuBackground3 {position: absolute; top: 170px; left: 0px; right: 0px; height: 25px; background-color: #EFEFEF;}

.TEMPLATE01 > .container {padding-bottom: 35px;}
.TEMPLATE01 > .container > .header {margin-bottom: 27px;}
.TEMPLATE01 > .container > .header .lightning {position: absolute; top: 0px; left: 720px; width: 409px; height: 145px; background: url(images/lightning.png) no-repeat;}
.TEMPLATE01 > .container > .header .since {position: absolute; top: 44px; left: 149px; font-weight: bold; color: #508CF7;}
.TEMPLATE01 > .container > .header .clubname {position: absolute; top: 63px; left: 149px; font-size: 18px; color: white;}
.TEMPLATE01 > .container > .header .logo {top: 11px; left: 3px; width: 108px; height: 108px;}

.TEMPLATE01 > .container .topmenu {top: 131px;}
.TEMPLATE01 > .container .topmenu a {font-family: Verdana; font-size: 11px; color: #333333;}
.TEMPLATE01 > .container .topmenu li:hover > ul {display: none;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li.active > ul, .TEMPLATE01 > .container .topmenu ul.level_0 > li.activeParent > ul {display: block;}
.TEMPLATE01 > .container .topmenu ul.level_1 li:hover > ul {display: block;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li {position: static; margin-right: 8px;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li.right {float: right; margin-left: 11px; margin-right: 0px;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li.right.last {margin-left: 0px;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li > a {position: static; float: left; padding: 0px 5px; font-size: 12px; color: white; background: url(images/topmenu.png) repeat-x;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li > .left {position: static; float: left; top: auto; left: auto; right: auto; bottom: auto; height: 100%; background: url(images/topmenuLeft.png) no-repeat;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li > .right {position: static; float: left; top: auto; left: auto; right: auto; bottom: auto; height: 100%; background: url(images/topmenuRight.png) no-repeat;}
.TEMPLATE01 > .container .topmenu ul.level_0 > li.active > a, .TEMPLATE01 > .container .topmenu ul.level_0 > li.activeParent > a, .TEMPLATE01 > .container .topmenu ul.level_0 > li:hover > a {background-image: url(images/topmenuActive.png);}
.TEMPLATE01 > .container .topmenu ul.level_0 > li.active > .left, .TEMPLATE01 > .container .topmenu ul.level_0 > li.activeParent > .left, .TEMPLATE01 > .container .topmenu ul.level_0 > li:hover > .left {background-image: url(images/topmenuLeftActive.png);}
.TEMPLATE01 > .container .topmenu ul.level_0 > li.active > .right, .TEMPLATE01 > .container .topmenu ul.level_0 > li.activeParent > .right, .TEMPLATE01 > .container .topmenu ul.level_0 > li:hover > .right {background-image: url(images/topmenuRightActive.png);}
.TEMPLATE01 > .container .topmenu ul.level_1 {top: 33px; right: 0px; bottom: 0px; padding-top: 6px;}
.TEMPLATE01 > .container .topmenu ul.level_1 > li {float: left;}
.TEMPLATE01 > .container .topmenu ul.level_1 > li > a {width: auto;}
.TEMPLATE01 > .container .topmenu ul.level_1 > li.active,
.TEMPLATE01 > .container .topmenu ul.level_1 > li.activeParent {
  background-color: #CFCFCF;
}
.TEMPLATE01 > .container .topmenu ul.level_1 > li:hover {background-color: #3E7FF5;}
.TEMPLATE01 > .container .topmenu ul.level_1 > li:hover > a {color: white;}

.TEMPLATE01 > .container .topmenu ul.level_1 ul.level_2 {top: 25px; left: 0px;}
.TEMPLATE01 > .container .topmenu ul.level_1 ul li {height: 21px; line-height: 21px; background-color: #F8F8F8;}
/*
.TEMPLATE01 > .container .topmenu ul.level_1 ul li {border: 1px solid #EFEFEF; border-top-color: white;}
*/
.TEMPLATE01 > .container .topmenu ul.level_1 ul li {border: 1px solid #3E7FF5; border-top-width: 0px;}
.TEMPLATE01 > .container .topmenu ul.level_1 ul li.first {border-top-width: 1px;}
/*
.TEMPLATE01 > .container .topmenu ul.level_1 ul {top: 25px; left: 0px; border: 1px solid #C3C3C3;}
.TEMPLATE01 > .container .topmenu ul.level_1 ul li {border-bottom: 1px solid #C3C3C3;}
.TEMPLATE01 > .container .topmenu ul.level_1 ul li.last {border-bottom-width: 0px;}
*/
.TEMPLATE01 > .container .topmenu ul.level_1 ul li:hover {background-color: #3E7FF5; border-color: #3E7FF5;}
.TEMPLATE01 > .container .topmenu ul.level_1 ul li:hover > a {color: white;}

.TEMPLATE01 > .container .topmenu ul.level_2 ul {left: 180px;}

.TEMPLATE01 > .container .search {margin-bottom: 17px;}
.TEMPLATE01 > .container .search .search_block {background: url(images/searchBackground.jpg) no-repeat #1E52B0;}
.TEMPLATE01 > .container .search .search_block .input_search input {top: 9px; left: 8px; width: 124px; height: 24px; padding-left: 3px; border-width: 0px;}
.TEMPLATE01 > .container .search .search_block .input_button input {top: 41px; right: 8px; width: 58px; height: 23px; margin: 0px; padding: 0px 0px 2px 9px; text-align: left; background: url(images/searchButton.png) no-repeat; border-width: 0px;}

.TEMPLATE01 > .container div.title {padding-left: 9px; background: url(images/titleBackground.jpg) no-repeat;}
.TEMPLATE01 > .container .sponsorlist .list {padding-top: 9px; text-align: center; border: 1px solid #EFEFEF; border-top-width: 0px;}
.TEMPLATE01 > .container .sponsorlist .list a {margin-bottom: 9px;}

.TEMPLATE01 > .container > .bottom > .right .applyLink {width: 129px; height: 33px; line-height: 33px; margin-bottom: 12px; padding-left: 14px; text-align: left; font-weight: bold; font-size: 14px; color: #604B00; background: url(images/applyBackground.png) no-repeat; display: block;}
.TEMPLATE01 > .container > .bottom > .right .callIt {margin-bottom: 27px;}
.TEMPLATE01 > .container > .bottom > .right .callIt .list {height: 241px; margin-bottom: 8px; border: 1px solid #EFEFEF; border-top-width: 0px; overflow-y: auto;}
.TEMPLATE01 > .container > .bottom > .right .callIt .list ul {margin: 0px; padding: 0px; list-style: none;}
.TEMPLATE01 > .container > .bottom > .right .callIt .list ul li {padding: 6px; color: #999999;}
.TEMPLATE01 > .container > .bottom > .right .callIt .list ul li.even {background-color: #EFEFEF;}
.TEMPLATE01 > .container > .bottom > .right .callIt .list ul li .date {font-weight: bold; color: #666666; white-space: nowrap;}
.TEMPLATE01 > .container > .bottom > .right .callIt .list ul li .name {font-weight: bold; color: #666666; white-space: nowrap;}
.TEMPLATE01 > .container > .bottom > .right .callIt .archive {width: 129px; height: 25px; line-height: 25px; padding-left: 15px; text-align: left; font-weight: bold; font-size: 11px; color: white; background: url(images/archiveButton.png) no-repeat; display: block;}
.TEMPLATE01 > .container > .bottom > .right .curdate {height: 25px; line-height: 25px; margin-bottom: 8px; padding-left: 9px; font-size: 11px; color: white; background: url(images/titleBackground.jpg) no-repeat;}
.TEMPLATE01 > .container > .bottom > .right .visitors {}
.TEMPLATE01 > .container > .bottom > .right .visitors .info {padding: 12px 6px; font-style: italic; font-size: 11px; color: #666666; border: 1px solid #EFEFEF; border-top-width: 0px;}

.loginButton {position: absolute; top: 170px; right: 0px; width: 135px; height: 25px; line-height: 25px; padding-left: 34px; text-align: left; font-family: Verdana; color: #666666; background: url(images/loginButton.png) no-repeat; display: block;}

.TEMPLATE01 > .container .article .articleHeader h1 {padding-left: 9px; font-weight: normal; font-size: 14px; background-color: #EAF1FE; border-bottom: 4px solid #3E7FF5;}
.TEMPLATE01 > .container .article .articleBlock {padding-top: 14px;}
.TEMPLATE01 > .container .article .articleBlock .articleintro a.readmore {text-decoration: none;}

.TEMPLATE01 > .container .article.photocarrousel .articleBlock > table {margin: 0px;}
.TEMPLATE01 > .container .article.photocarrousel .articleBlock > table td .left {float: left; line-height: 30px; color: #666666;}
.TEMPLATE01 > .container .article.photocarrousel .articleBlock > table td .right {float: right; line-height: 30px; color: #666666;} /* #3E7FF5 */

.TEMPLATE01 > .container .article .articleBlock table.rand {
  border: 1px solid black;
  border-collapse: collapse;
}

.TEMPLATE01 > .container .article .articleBlock table.rand th,
.TEMPLATE01 > .container .article .articleBlock table.rand td {
  border: 1px solid black;
}

.TEMPLATE01 > .container .content > .bottom {clear: both;}

.TEMPLATE01 > .container .copyright {position: fixed; left: 0px; right: 0px; bottom: 0px; height: 24px; line-height: 24px; background-color: #F2F2F2; border-top: 5px solid #3E7FF5;}
.TEMPLATE01 > .container .copyright > div {position: absolute; top: 0px; left: 50%; bottom: 0px; width: 1240px; margin-left: -620px;}
.TEMPLATE01 > .container .copyright .left {float: left; padding-left: 7px;}
.TEMPLATE01 > .container .copyright .right {float: right; padding-right: 7px; text-align: right;}
.TEMPLATE01 > .container .copyright a:hover {text-decoration: underline;}
.TEMPLATE01 > .container .copyright .rightBorder {margin-right: 14px; padding-right: 14px;  border-right: 1px solid #666666;}

.TEMPLATE01 > .container .article.articlelist {line-height: 20px;}

.TEMPLATE01 > .container .login {}
.TEMPLATE01 > .container .login .login_block .text_user {top: 0px; margin-top: 1px;}
.TEMPLATE01 > .container .login .login_block .text_password {top: 26px; margin-top: 1px;}
.TEMPLATE01 > .container .login .login_block .text_keeplogin, .TEMPLATE01 > .container .login .login_block .input_button input, .TEMPLATE01 > .container .login .login_block .newpassword a {}
.TEMPLATE01 > .container .login .login_block .input_user input, .TEMPLATE01 > .container .login .login_block .input_password input {left: 120px; width: 120px; padding-left: 3px; border: 1px solid #C3C3C3;}
.TEMPLATE01 > .container .login .login_block .input_user input {top: 0px;}
.TEMPLATE01 > .container .login .login_block .input_password input {top: 26px;}
.TEMPLATE01 > .container .login .login_block .text_keeplogin {top: 52px; margin-top: 1px;}
.TEMPLATE01 > .container .login .login_block .input_keeplogin {position: absolute; top: 52px; left: 120px; height: 21px; line-height: 21px;}
.TEMPLATE01 > .container .login .login_block .input_keeplogin input {position: static;}
.TEMPLATE01 > .container .login .login_block .input_button input {top: 78px; left: 120px;}
.TEMPLATE01 > .container .login .login_block .newpassword a {top: 78px; left: 250px; text-decoration: none;}
.TEMPLATE01 > .container .login .login_block .newpassword a:hover {text-decoration: underline;}
.TEMPLATE01 > .container .login .loggedin_block .text_loggedin_as, .TEMPLATE01 > .container .login .loggedin_block .text_username, .TEMPLATE01 > .container .login .loggedin_block .logoff_button a {}
.TEMPLATE01 > .container .login .loggedin_block .text_username {left: 100px;}
.TEMPLATE01 > .container .login .loggedin_block .logoff_button a {top: 26px;}

.TEMPLATE01 > .container .article.loginOverige .articleBlock {padding: 14px 9px 9px;}
.TEMPLATE01 > .container .article.loginOverige .login .login_block {height: 100px;}

.TEMPLATE01 > .container .article.detail .articleBlock .introduction img,
.TEMPLATE01 > .container .article.detail .articleBlock .detail img {margin: 5px;}

.TEMPLATE01 > .container .article.foutpagina .articleBlock {padding-top: 14px;}

.artform01 td {white-space: nowrap;}
.artform01 td.field {padding: 1px 0px;}
.artform01 td input[type="checkbox"] {
  margin-right: 5px;
}

.TEMPLATE01.fullWidth > .container .content {width: 100%;}
.TEMPLATE01 > .container .FORUM01 div.title {height: auto; line-height: 16px; padding-left: 0px; color: #333333; background: none;}

.TEMPLATE01 > .container .article.knmi {}
.TEMPLATE01 > .container .article.knmi a {display: block;}
.TEMPLATE01 > .container .article.knmi a img {width: 315px;}

.TEMPLATE01.print > .container .content {width: 100%;}

.TEMPLATE01 > .container > .flitsen {position: absolute; top: 0px; right: 0px; width: 160px; height: 131px; padding: 9px 0px 0px 9px; background: url(images/flitsenBackground.png) repeat-y; overflow: hidden;}
.TEMPLATE01 > .container > .flitsen h3 {font-family: Verdana; font-weight: bold; font-size: 11px; color: white;}
.TEMPLATE01 > .container > .flitsen ul {margin: 0px; padding: 0px; list-style: none; font-size: 11px; border-collapse: collapse;}
.TEMPLATE01 > .container > .flitsen li {width: 150px; line-height: 14px; margin-bottom: 4px; white-space: normal; display: block;}
.TEMPLATE01 > .container > .flitsen .date {float: left; width: 30px; padding-right: 3px; font-weight: bold; color: #A3D3FF;}
.TEMPLATE01 > .container > .flitsen .city {float: left; font-weight: bold; color: #A3D3FF;}
.TEMPLATE01 > .container > .flitsen .temp {float: left; padding-right: 3px; color: white;}
.TEMPLATE01 > .container > .flitsen .flits {float: left; color: white;}

table.ws_archief {border-collapse: collapse;}
table.ws_archief td {height: 39px; text-align: center;}
table.ws_archief td.year {padding-right: 5px; text-align: left;}
table.ws_archief td a {margin: 0px 14px; display: block;}

table.ws_archief.colb_archief td a {margin: 7px 14px;}

.TEMPLATE01.map > .container {margin-bottom: 0px;}
.TEMPLATE01.map > .container > .header {margin-bottom: 0px;}
.TEMPLATE01.map > .container .topmenu {z-index: 1;}
.TEMPLATE01.map .content {position: fixed; top: 195px; left: 0px; right: 0px; bottom: 0px;}
.TEMPLATE01.map .gmapWindow {font-size: 12px;}

.TEMPLATE01 > .container .FORUM01 div.title a {color: #3E7FF5;}

.FORUM01 > .posts .post .body .message .message > img {max-width: 100%;}
.FORUM01 > .nav {width: 180px;}
.FORUM01 > .nav .level_0 > li > .childrenArrow {display: none;}
.FORUM01 > .posts .post .body .message .message {font-size: 12px;}
.FORUM01 > .forums {width: 100%;}
.FORUM01 > .forums .subforum .name {padding: 4px;}
.FORUM01 > .forums .subforum .name .title {line-height: 20px; font-weight: bold;}
.FORUM01 > .posts .post .body .options {font-size: 11px;}
.FORUM01 > .posts .post .body .author .name .admin {font-style: italic; color: #FDC600;}

/* Forum aanpassingen 16/2 - 20/2/2015 */
.FORUM01 > .posts > .header .options,
.FORUM01 > .posts > .footer .options,
.FORUM01 > .posts .forumNav {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.FORUM01 > .posts > .header .options a,
.FORUM01 > .posts > .footer .options a {
  font-weight: bold;
}

.FORUM01 > .posts > .header .options .closed,
.FORUM01 > .posts > .footer .options .closed {
  margin-left: 4px;
  padding-left: 18px;
  background: url(images/forum-lock-14-white.png) left center no-repeat;
}

.FORUM01 > .posts > .header .options .sticky,
.FORUM01 > .posts > .footer .options .sticky {
  margin-left: 4px;
  padding-left: 18px;
  background: url(images/forum-sticky-14-white.png) left center no-repeat;
}

.FORUM01 > .posts > .header .options .closed.sticky,
.FORUM01 > .posts > .footer .options .closed.sticky {
  margin-left: 4px;
  padding-left: 36px;
  background: url(images/forum-locked-sticky-14-white.png) left center no-repeat;
}

.FORUM01 > .posts .forumNav a {
  font-weight: bold;
}

.FORUM01 > .posts .forumNav a.first-post,
.FORUM01 > .posts .forumNav a.last-post {
  font-weight: normal;
}

.FORUM01 .quote .header {
  background-color: #2a539e;
}

.FORUM01 .quote .body .quote .header {
  background-color: #3e7ff5;
}

.FORUM01 > .posts .post .body .author .name .admin {
  color: #4b4ba6;
  font-style: normal;
}

.FORUM01 > .posts .post .body {}

.FORUM01 > .posts .post:nth-child(odd) .body {
  background-color: #dddddd;
}

.FORUM01 > .posts .post .body .authorBackground {
  background-color: #cccccc;
}

.FORUM01 > .forums .subforum.closed .name .title {
  padding-left: 18px;
  background: url(images/forum-lock-14.png) left center no-repeat;
}

.FORUM01 > .forums .subforum.sticky .name .title {
  padding-left: 18px;
  background: url(images/forum-sticky-14.png) left center no-repeat;
}

.FORUM01 > .forums .subforum.closed.sticky .name .title {
  padding-left: 36px;
  background: url(images/forum-locked-sticky-14.png) left center no-repeat;
}

/* Einde Forum aanpassingen 16/2 - 20/2/2015 */

.I_MESSBLK1 .editor-options__emoticons {
  max-width: 630px;
}













.popupImage {position: relative;}
.popupImage .small {}
.popupImage .large {position: absolute; top: 0; left: 0; max-width: 1240px; display: none; z-index: 10;}
.popupImage:hover .large {display: block;}

/* #photodisplay */

#photodisplay img {max-width: 100%;}

.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay {
	width: 920px;
	height: 546px;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay #largephotobox {
	width: 750px;
	height: auto;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay #largephotobox img {
	max-height: 516px;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay #largephototext {
	overflow: auto;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay .left {
	float: left;
	line-height: 30px;
	color: #666666;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay .right {
	float: right;
	line-height: 30px;
	color: #3E7FF5;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay #thumbnailbox {
	width: 165px;
	height: 100%;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay #thumbnailbox div {
	width: auto;
	height: auto;
	max-width: 100%;
}
.TEMPLATE01 > .container .article.detail .articleBlock #photodisplay #thumbnailbox div img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* #photodisplay (.vert_carousel) */

.TEMPLATE01.vert_carousel > .container .article.detail .articleBlock #photodisplay {
	width: 920px;
	height: auto;
	margin-bottom: 10px !important;
}
.TEMPLATE01.vert_carousel > .container .article.detail .articleBlock #photodisplay #largephotobox {
	width: 775px;
	height: auto;
	min-height: 546px;
}
.TEMPLATE01.vert_carousel > .container .article.detail .articleBlock #photodisplay #largephotobox img {
	max-height: none;
}
.TEMPLATE01.vert_carousel > .container .article.detail .articleBlock #photodisplay #thumbnailbox {
	width: 140px;
	max-height: 546px;
}
.TEMPLATE01.vert_carousel > .container .article.detail .articleBlock #photodisplay #thumbnailbox .thumbnail {
	width: auto;
	max-width: 100%;
}
.TEMPLATE01.vert_carousel > .container .article.detail .articleBlock #photodisplay #thumbnailbox .thumbnail img {
	max-height: 120px;
}

/* For modern browsers */
.TEMPLATE01.vert_carousel #photodisplay:before,
.TEMPLATE01.vert_carousel #photodisplay:after {
    content:"";
    display:table;
}
.TEMPLATE01.vert_carousel #photodisplay:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.TEMPLATE01.vert_carousel #photodisplay {
  zoom:1;
}

/* Social media */
.social-media {
  margin-bottom: 17px;
  padding-left: 8px;
  overflow: auto;
}

.social-media__icon {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  background: center no-repeat;
  display: block;
}

.social-media__icon:last-child {
  margin-right: 0;
}

.social-media__icon--twitter {
  background-image: url(images/twitter.png);
}

.social-media__icon--youtube {
  background-image: url(images/youtube.png);
}

.social-media__icon--facebook {
  background-image: url(images/facebook.png);
}

.social-media__icon--googleplus {
  background-image: url(images/googleplus.png);
}

/* Sylphide carousel */
.sylphide-carousel {
  margin-bottom: 24px;
}

.TEMPLATE01 > .container .sylphide-carousel div.title {
  height: 29px;
  line-height: 29px;
  padding-left: 9px;
  font-weight: normal;
  font-size: 14px;
  color: #333333;
  background: #EAF1FE;
  border-bottom: 4px solid #3E7FF5;
}

.sylphide-carousel #displaytext1,
.sylphide-carousel #displaytext2 {
  display: none;
}