/*
     TODO:
     - Ex thermometer vervangen door "Connie" maar dan met contact gegevens (overschrijfbaar met "Connie")
   */


    html{
        margin:0px;
        padding:0px;
    }

    body {
        background-image: url(Images/background.png);
        background-repeat: repeat-x;
        background-color: #BEDEFF;
        margin:0px;
        padding:0px;
    }
    
    a {
        text-decoration: none;
    }
    
    p {
      margin: 0px;
    }
    
    .clear {
        clear:both;
    }
    
    * {
      font-family: Century Schoolbook,Georgia;
    }
    
    .PageLayer {
      z-index:99;
      background-color: #01649A;
      width:100%;
      position: absolute;
      top: 0px;
      left:0px;
      display: none;
    }
    
    .PageLayerLoading {
        position:absolute;
        top:392px;
        left:49%;
        z-index:100;
        display:none;
    }
    
    .MainContainerDiv {
        width: 980px;
        height: 100%;
        margin: 0px auto;

    }
    /* Flags */
    .FlagsContainerDiv {
       text-align: right;
       margin-top:10px;
       margin-bottom:60px;
       vertical-align: top;
    }
    
    .FlagsContainerDiv img {
        border: none;
    }
    
    /* Top Menu */
    
    .TopMenuContainerDiv {

    }
    
    .TopMenu {
        list-style-type: none;
        margin: 0px;
        margin-right:-3px;
        width: 960px;
        float: right;
    }
    
    .TopMenu .TopMenuItem {
        float: left;
        margin-left:2px;
    }
    
    .TopMenu .TopMenuItem, .TopMenuItemActive {
        float: left;
        margin-left:2px;
    }
    
    .TopMenuItem .TopMenuItemLeft, .TopMenuItemActive .TopMenuItemLeft{
        float: left;
        width: 6px;
        height: 19px;
        background-image: url(Images/MenuTopLeft.png);
        background-repeat: no-repeat;
        background-color: #FFF;
    }
    
    .TopMenuItem .TopMenuItemCenter, .TopMenuItemActive .TopMenuItemCenter{
        float: left;
        background-color: #FFF;
        height:19px;
    }
    
    .TopMenuItem .TopMenuItemCenter a, .TopMenuItemActive .TopMenuItemCenter a{
        color: #000;
    }
    
    .TopMenuItem .TopMenuItemCenter a:hover, .TopMenuItemActive .TopMenuItemCenter a:hover{
        color: #015278;
    }
    
    .TopMenuItem .TopMenuItemRight, .TopMenuItemActive .TopMenuItemRight{
        float: left;
        width: 6px;
        height: 19px;
        background-image: url(Images/MenuTopRight.png);
        background-repeat: no-repeat;
        background-color: #FFF;
    }
    
    .TopMenuItemActive .TopMenuItemLeft{
        background-image: url(Images/MenuTopLeftActive.png);
    }
    
    .TopMenuItemActive .TopMenuItemRight{
        background-image: url(Images/MenuTopRightActive.png);
    }
    
    .TopMenuItemActive .TopMenuItemCenter{
        background-image: url(Images/MenuTopCenterActive.png);
        background-color: #E8F3FF;
        background-repeat: repeat-x;
    }
    
    .TopMenuFeaturette {
        background-position: 7px 22px;
        clear:both;
    }
    
    .TopMenuFeaturetteDefaultImage {
        background-image: url(Images/Featurette.png);
        width:980px;
        height:290px;
        background-repeat:
        no-repeat;
        z-index:999;
    }
    
    .TopMenuFeaturetteAlterImage {
       background-image: url(Images/FeaturetteDefaultBackground.png);
       width:970px;
       height:297px;
       background-repeat:no-repeat;
       background-position: 7px 22px;
       position:absolute;
       top: 110px;
       z-index:-1;
       overflow: hidden;
    }
    
    /* Content */
    .ContentPlaceHolderDiv {
        width: 980px;
        margin-top: 8px;
    }
    
    /* Content - Left column */
    .LeftColumn {
        width: 150px;
        height: 37px;
        background-image: url(Images/LeftColumn.png);
        float: left;
        margin-left: 9px;

    }
    
    /* Content - Center column */
    .CenterColumn {
        float: left;
        width: 820px;
        height: 100%;
        margin-bottom: 10px;
    }

    .CenterColumnTop {
        background-image: url(Images/CenterColumnTop.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 12px;
    }

    .CenterColumnContent {
        background-image: url(Images/CenterColumnCenter.png);
        background-repeat: repeat-y;
        width: 100%;
        min-height: 520px;
        padding-left:10px;
        text-align: center;
    }

    .CenterColumnBottom {
        background-image: url(Images/CenterColumnBottom.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 12px;
    }
    
    /* Content - Feedback */
    .FeedbackContainer {
        width: 500px;
        height: 430px;
        position:absolute;
        top:145px;
        left:25%;
        display:none;
        z-index:100;
        color:#655F5A;
        font-weight:bold;
    }
    .FeedbackTop{
        background-image: url(Images/GuestBookTop.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;
    }
    .FeedbackCenter{
        background-image: url(Images/GuestBookCenter.png);
        background-repeat: repeat-y;
    }
    .FeedbackCenter h2{
        margin:0px;
        background-image: url(Images/GuestBookCenter.png);
        padding-top: 10px;
        padding-bottom:10px;
        text-align: center;
    }

    .FeedbackCenterHeader div{
        float: right;
        margin-right: 20px;
        margin-top: 5px;
        cursor: pointer;
    }
    .FeedbackMessageContainer {

    }
    .FeedbackBottom {
        background-image: url(Images/GuestBookBottom.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;
    }

    .FeedbackMessage {
         text-align:center;
         padding-bottom: 5px;
    }
    
    /* Content - Article */
    .ContentArticleTitle {
        font-size:70px;
        color:#000040;
        padding-top: 42px;
        padding-bottom:10px;
        font-family:'FreestyleScrDRegular';
        /*width:800px;*/
        text-align:center;
    }
    
    .ContentArticleTitleInArticle{
        font-size:70px;
        color:#000040;
        padding-top: 42px;
        padding-bottom:10px;
        font-family:'FreestyleScrDRegular';
        text-align:center;
    }

    
    .ContentArticleContent {
        margin-top: 30px;
        text-align: left;
        padding-right: 20px;
        padding-left: 5px;
    }
    
    .ContentArticleContent a, .ContentArticleContent a:visited, .ContentArticleContent a:active {
        color: #000040;
        font-weight: bold;
    }
    
    .ContentArticleContent a:hover {
        color: #01649A;
        font-weight: bold;
    }
    
    /* Content - Article - Contact */
    .ContentContactTitle{
       color: #000040;
       font-weight: bold;
       cursor: pointer;
    }
    
    /* Content - Article - Photos */
    .ContentArticlePhotos {
        float:left;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .ContentArticlePhotosNoContent {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 360px;
    }
    
    .ContentArticlePhotoSubtitle {
      font-style: italic;
      text-align: center;
    }
    
    .ContentArticlePhotoShowAllPhotos {
        height: 20px;
        position: absolute;
        cursor: pointer;
        width: 250px;
        text-align: center;
        
        background-color: #FCB554;
        color:#012368;
        font-weight:bold;
    }
    
    .ContentArticlePhoto {
        text-align: center;
    }
    
    .ContentArticlePhotoOverviewContainer {
        width: 820px;
        height: 430px;
        position:relative;
        display:none;
        z-index:100;
        color:#655F5A;
        font-weight:bold;
    }
    

    
    .ContentArticlePhotoOverviewPopupTop {
        background-image: url(Images/PhotoTopBackground.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;

    }
    
    .ContentArticlePhotoOverviewPopupCenter {
        background-image: url(Images/PhotoCenterBackground.png);
        background-repeat: repeat-y;
        width: 100%;
        height: 410px;

    }
    
    .ContentArticlePhotoOverviewopupCenterHeader {
        clear:both;
        text-align:right;
        margin-right: 10px;
    }
    
    .ContentArticlePhotoOverviewopupCenterContainer {
       overflow: auto;
       height: 383px;
       width:813px;
    }
    
     .ContentArticlePhotoOverviewItem {
       /*position:relative;*/
       float: left;
       margin-left: 20px;
       margin-bottom: 10px;
       min-height: 205px;
    }
    
    .ContentArticlePhotoOverviewSubtitle {
       font-style: italic;
       text-align: center;
       min-height: 60px;
    }
    
    .ContentArticlePhotoOverviewPopupBottom {
       background-image: url(Images/PhotoBottomBackground.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 12px;
        clear:both;
    }
    
    
    /* Content - Article Summary */
    .ContentArticleSummaryItem {
        padding-top: 10px;
        padding-right: 20px;
        padding-left:5px;
        text-align: left;
    }
    
    .ContentArticleSummaryItemTitle {
        text-align: center;
    }
    
    .ContentArticleSummaryItemTitle a, .ContentArticleSummaryItemTitle a:visited, .ContentArticleSummaryItemTitle a:active  {
        color: #000040;
        font-weight: bold;
        font-size: 18px;
    }
    
    .ContentArticleSummaryItemTitle a:hover {
       font-size: 18px;
       color: #01649A;
       font-weight:bold;
    }
    
    .ContentArticleSummaryItemContent {
    }
    
    .ContentArticleSummaryItemLink {
        text-align:right;
    }
    .ContentArticleSummaryItemLink a, .ContentArticleSummaryItemLink a:visited, .ContentArticleSummaryItemLink a:active {
        font-size: 16px;
        color: #000000;
        font-weight:bold;
    }
    .ContentArticleSummaryItemLink a:hover {
        font-size: 16px;
        color: #01649A;
        font-weight:bold;
    }
    
    /* Content - Newsletter Summary */
    .ContentArticleNewsletterSummary {
        padding-top: 10px;
        padding-right: 20px;
        padding-left:5px;
        text-align: left;
    }
    
    .ContentArticleNewsletterSummaryHeader {
        font-size: 20px;
        color:#016FA3;
    }
    
    .ContentArticleNewsletterSummary ul {
       margin:0px;
       padding-top:10px;
       list-style-type: none;
    }
    
    .ContentArticleNewsletterSummaryLi1 a, .ContentArticleNewsletterSummaryLi1 a:visited, .ContentArticleNewsletterSummaryLi1 a:active  {
        font-size: 16px;
        color: #01649A;
        font-weight:bold;
    }
    .ContentArticleNewsletterSummaryLi1 a:hover {
        font-size: 16px;
        color: #000040;
        font-weight:bold;
    }
    
    .ContentArticleNewsletterSummaryLi0 a, .ContentArticleNewsletterSummaryLi0 a:visited, .ContentArticleNewsletterSummaryLi0 a:active  {
        font-size: 16px;
        color: #000040;
        font-weight:bold;
    }
    .ContentArticleNewsletterSummaryLi0 a:hover {
        font-size: 16px;
        color: #01649A;
        font-weight:bold;
    }
    
    /* Content - Sub Menu */
    .CenterEmptySubMenuContainer {
        /*margin-left: 190px;*/
        float:left;
    }
    
    .CenterSubMenuContainer {
       width:230px;
       float:left;
       margin-left:20px;
       margin-right:20px;
       text-align:left;
    }
    
    .CenterSubMenuBorder {
        height:2px;
        background-color: #016FA3;
    }
    
    .CenterSubMenu {
      background-color: #E8F3FF;
    }
    
    .CenterSubMenu ul {
       margin:0px;
       padding:0px;
    }
    
    .CenterSubMenu li {

       margin-left:15px;
       list-style-type: none;
       border-bottom:2px solid #FFF;
       padding-right: 5px;
    }
    
    .CenterSubMenu li:last-child  {
      border-bottom:none;
    }
    
    .CenterSubMenu li a {
       font-size: 16px;
       color: #016FA3;
       font-weight:bold;
    }

    .CenterSubMenu li a:hover {
       font-size: 16px;
       color: #FCB554;
       font-weight:bold;
    }
    
    .CenterSubMenu li ul li {
      border-bottom:1px solid #FFF;
    }
    
    .CenterSubMenu ul li ul li:last-child  {
      border-bottom:none;
    }
    
    
    .CenterSubMenu li ul li a{
       font-size: 13px;
       color: #016FA3;
       font-weight:bold;
    }
    
    .CenterSubMenu li ul li a:hover {
       font-size: 13px;
       color: #FCB554;
       font-weight:bold;
    }
    
    .CenterSubMenuActive {
       color: #000040;
       font-weight:bold;
    }
    
    .CenterSubMenuActive ul li {
       font-size: 13px;
    }
    
   .CenterSubMenuActiveLink {
       color: #000040 !important;
       font-weight:bold;
    }

    
    /* Content - Guestbook */
    .CenterGuestbookContainer {
       margin-top:10px;
    }
    
    .GuestBookNewMessageLink {
        color:#726B6B;
        font-weight:bold;
        cursor: pointer;
    }
    
    .GuestBookNewMessageLink a:active, .GuestBookNewMessageLink a, .GuestBookPopUpNewMessageTotalLength a, .GuestBookPopUpNewMessageTotalLength a:active {
       color:#016FA3;
       font-weight:bold;
    }
    
    .GuestBookPopUpContainer {
        width: 500px;
        height: 430px;
        position:absolute;
        top:145px;
        left:25%;
        display:none;
        z-index:100;
        color:#655F5A;
        font-weight:bold;
    }
    
    .GuestBookPopupTop {
        background-image: url(Images/GuestBookTop.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;
    }
    
    .GuestBookPopupCenter {
        background-image: url(Images/GuestBookCenter.png);
        background-repeat: repeat-y;
    }
    
    .GuestBookPopupCenterHeader div {
        float: right;
        margin-right: 20px;
        margin-top: 5px;
        cursor: pointer;
    }
    
    .GuestBookPopupCenter h2{
        margin:0px;
        background-image: url(Images/GuestBookCenter.png);
        padding-top: 10px;
        padding-bottom:10px;
    }
    
    .GuestBookPopupCenter div {
    }
    
    .GuestBookPopupBottom {
        background-image: url(Images/GuestBookBottom.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;
    }
    
    .GuestBookPopUpMessageContainer{
        margin-top: 10px;
        margin-left: 75px;
        margin-right: 75px;
    }
    
    .GuestBookPopUpMessageContainer div{
        padding-bottom:5px;
    }
    
    .GuestBookPopUpMessageContainer .clear{
        margin-bottom:0px;
    }
    
    .GuestBookPopUpMessageContainer input{
        width: 188px;
    }
    
    .GuestBookPopUpNewMessageLeftPart {
        text-align: left;
        float:left;
        width:150px;
    }
    
    .GuestBookPopUpNewMessageRightPart {
       text-align: left;
       float:left;
    }
    
    .GuestBookPopUpNewMessageTotalLength, .GuestBookPopUpNewMessageTotalLengthError {
       text-align: left;
       float:left;
    }
    
    .GuestBookPopUpNewMessageTotalLengthError {
       display: none;
    }
    
    .GuestBookPopInput {
        border: 1px solid #726B6B;
        color: #726B6B;
        font-weight:bold;
    }
    
    .GuestBookPopInputError {
        color: #FF4A4A;
        font-weight:bold;
    }

    .GuestBookPopSend {
        background-color: #E0EBF3;
        border: 2px solid #016FA3;
        color:#000040;
        font-weight:bold;
        cursor: pointer;
    }
    
    .GuestBookPopSendButton {
        text-align: right;
        margin-right:8px;
    }
    
    .GuestbookItem {
        width: 800px;
        padding-bottom:10px;
    }
    
    .GuestbookHeader {
        font-weight:bold;
        height: 25px;
        border-bottom: dashed 1px #000040;
    }
    
    .GuestbookHeader .name {
        padding-left: 5px;
        margin-top: 2px;
        float:left;
        color: #000040;
    }
    
    .GuestbookHeader .date {
        float:right;
        margin-top: 2px;
        padding-right: 5px;
        color: #000000;
    }
    
    .GuestbookMessage{
        clear:both;
        text-align:left;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
    }
    
    /* Content - Sponsors */
    .SponsorContainer {
        padding-top:20px;
        width: 795px;
        font-family:  Helvetica;
        padding-left: 5px;
    }
    
    .SponsorItem,.SponsorItemLast {
        padding-bottom: 15px;
        text-align:left;
        clear:both;
    }
    
    .SponsorItemLast {
       margin-bottom: 0px;
    }
    
    .SponsorItemTitle {
       background-color: #FEDEB4;
    }
    
    .SponsorItemTitle a {
        color: #000040;
        font-weight:bold;
        font-size:20px;
    }
    
    .SponsorItemTitle a:hover {
        color: #005BB7;
        font-weight:bold;
        font-size:20px;
    }
    
    .SponsorItemContent  {
        font-weight:bold;
        color:#726B6B;
    }
    
    .SponsorItemContent img {
        float:right;
    }
    
    .SponsorItemImage{
        padding-top:5px;
        text-align:right;
    }
    
    /* Content - Right column */
    .RightColumn {
        float: left;
        width: 150px;
        height: 37px;
        background-image: url(Images/RightColumn.png);
        margin-left: 9px;
    }
    
    .RightColumnTop {
       background-image: url(Images/RightColumnTop.png);
       background-repeat: no-repeat;
       width: 100%;
       height: 8px;
    }
    
    .RightColumnCenter{
       background-image: url(Images/RightColumnCenter.png);
       width: 100%;
    }
    
    .RightColumnBottom{
       background-image: url(Images/RightColumnBottom.png);
       background-repeat: no-repeat;
       width: 100%;
       height: 8px;
       margin-bottom:10px;
    }

    /* Content - Right Column - Thermometer */
    .ThermometerMainDiv
    {
        font-weight: bold;
    }
    
    .Thermometer{
        background-color: #FF6600;
        z-index: 10;
        position:relative;
        height: 316px;
    }
    
    .Thermometer img{
        z-index: 10;
        position:relative;
    }
    
    .ThermometerLiquide {
        background-color: #000000;
        width: 100%;
        position:relative;
        height: 160px;
        bottom: 284px;
        z-index: 5;
    }
    
    /* Content - Right Column - To be determined */
    .ToBeDepend {

       margin-left:5px;
       margin-right:5px;
    }
    
    .ToBeDependTitle {
       font-weight: bold;
       padding-left:2px;
       color:#000000;
    }
    
    .ToBeDependAtavar {
       text-align:center;
       padding-top: 5px;
    }
    
    .ToBeDependQuote {
       color:#012368;
       font-weight: bold;
       padding-left:2px;
    }
    
     /* Content - Right Column - Contact */
    .Contact {
       margin-left:5px;
       margin-right:5px;
    }

    .ContactTitle {
       font-weight: bold;
       padding-left:2px;
       color:#000000;
       padding-bottom: 10px;
    }

    .ContactInfo {
       color:#012368;
       font-weight: bold;
       padding-left:2px;
    }

    .Contactlist {
       padding:0px;
       margin:0px;
       list-style-type: none;
    }

    .Contactlist li {
       background-image: url(Images/contact24.png);
       background-repeat: no-repeat;
       padding-left: 30px;
       margin-top: 3px;
       cursor: pointer;
    }

    .ContactPopUpContainer {
        width: 500px;
        height: 430px;
        position:absolute;
        top:145px;
        left:25%;
        display:none;
        z-index:100;
        color:#655F5A;
        font-weight:bold;
    }

    .ContactPopupTop {
        background-image: url(Images/GuestBookTop.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;
    }

    .ContactPopupCenter {
        background-image: url(Images/GuestBookCenter.png);
        background-repeat: repeat-y;
    }

    .ContactPopupCenterHeader div {
        float: right;
        margin-right: 20px;
        margin-top: 5px;
        cursor: pointer;
    }

    .ContactPopupCenter h2{
        margin:0px;
        background-image: url(Images/GuestBookCenter.png);
        padding-top: 10px;
        padding-bottom:10px;
        padding-left: 75px;
    }

    .ContactPopupCenter div {
    }

    .ContactPopupBottom {
        background-image: url(Images/GuestBookBottom.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 8px;
    }

    .ContactPopUpMessageContainer{
        margin-top: 10px;
        margin-left: 75px;
        margin-right: 75px;
    }

    .ContactPopUpMessageContainer div{
        padding-bottom:5px;
    }

    .ContactPopUpMessageContainer .clear{
        margin-bottom:0px;
    }

    .ContactPopUpMessageContainer input{
        width: 188px;
    }

    .ContactPopUpNewMessageLeftPart {
        text-align: left;
        float:left;
        width:150px;
    }

    .ContactPopUpNewMessageRightPart {
       text-align: left;
       float:left;
    }

    .ContactPopUpNewMessageTotalLength {
       text-align: left;
       float:left;
    }

    .ContactPopUpNewMessageTotalLengthError {
       display: none;
    }

    .ContactPopInput {
        border: 1px solid #726B6B;
        color: #726B6B;
        font-weight:bold;
    }

    .ContactPopInputError {
        color: #FF4A4A;
        font-weight:bold;
    }

    .ContactPopSend {
        background-color: #E0EBF3;
        border: 2px solid #016FA3;
        color:#000040;
        font-weight:bold;
        cursor: pointer;
    }

    .ContactPopSendButton {
        text-align: right;
        margin-right:8px;
    }
    
    /* Content - Right Column - Newsletter */
    .NewsLetter {
       margin-left:5px;
       margin-right:5px;
    }
    
    .NewsLetterTop {
       background-image: url(Images/NewsletterTop.png);
       background-repeat: no-repeat;
       height: 8px;
    }
    
    .NewsLetterCenter {
      background-color:#FDFCD0;
      text-align: left;
      padding-right: 5px;
    }
    
    .NewsLetterBottom {
      background-image: url(Images/NewsletterBottom.png);
      background-repeat: no-repeat;
      height: 8px;
    }

    .NewsLetterHeader {
        color:#000;
        font-weight:bold;
        margin-left: 5px;
        margin-bottom:5px;
        font-size: 16px;
    }
    
    .NewsLetterContent {
      margin-left:4px;
      margin-bottom:2px;
      color: #726B6B;
      font-weight: bold;
    }
    
    .NewsLetterInput {
        width: 110px;
        border: 1px solid #726B6B;
        color: #726B6B;
        font-weight:bold;
        margin-bottom: 4px;
    }
    
    .NewsLetterSendButton {
      text-align: right;
      margin-right: 4px;
    }
    
    .NewsLetterSend {
      background-color: #E0EBF3;
      border: 2px solid #016FA3;
      color:#016FA3;
      font-weight:bold;
      cursor: pointer;
    }
    
    /* Bottom */
    
    .BottomMenuContainerDiv {
        margin-top:10px;
        clear: both;
        width: 100%;
        height: 50px;
        background-image: url(Images/Bottom.png);
        background-repeat: repeat-x;
        text-align: center;
        color:#313da1;
        font-size: 13px;
        font-weight: bold;
    }
    
    .BottomMenuGiroContainer {
        width: 980px;
        margin: 0px auto;
    }

    .BottomMenuGiro {
        width: 820px;
        float: left;
    }
    
    .BottomMenuGiroEmpty {
        width: 160px;
        float: left;
    }