﻿.noStyle
{
    border: none;
}
td.yellow
{
    background: #f2e3c4;
}
td.purple
{
    background: #efcce4;
}
body
{
    background: #f7f9f6;
    font: normal 400 100% Arial,Helvetica,Sans-Serif;        
    color: #000;       
}
.middle
{
    width: 922px;
    margin: 0 auto;
    padding: 0px;
    
}
.siteWrapper
{
    width: 890px;    
    padding: 16px;
    background: #fff;    
    float: left;
}  
h1
{
    font-size: 1.66em; /* 20/12 */
    font-weight: 700;
    padding: 0px 0px 15px 0px;
}
h2
{
    font-size: 0.875em; 
    font-weight: 700;   
}
h3
{
    font-size: 1em;
    font-weight: 700;
    padding: 0px 0px 10px 0px;
}
a:link, a:visited, a:active
{
    color: #000;
    font-weight: 700;
    text-decoration: none;
    border-bottom: solid 1px #d4a13b;
}
a:hover
{
    border-bottom: none;    
}
.nextPageContentWrapper ul
{
    margin: 0;
    padding: 0px 0px 10px 10px;
}
.nextPageContentWrapper h3
{
    padding: 0px 0px 10px 0px;
}
.homeLinkWrapper
{
    padding: 7px 8px 0px 0px;
    margin: 0px 8px 0px 0px;
    background: url(/Images/System/topmenu/white-separator.gif) no-repeat right 10px;
}
.homeLinkWrapper a:link, .homeLinkWrapper a:visited, .homeLinkWrapper a:active
{
    font-weight: 700;
    color: #fff !important;
    border-bottom: solid 1px #d4a13b;
    
}
.homeLinkWrapper a:hover
{   
    text-decoration: underline;
}
.nextPageContentWrapper li
{
    background: url(/Images/System/submenu/bullet.gif) no-repeat left 5px;
    padding: 0px 0px 0px 15px; 
    list-style-type: none;   
}


/*==================================
            Header
==================================*/
a.topLink:Link, a.topLink:Visited, a.topLink:Hover, a.topLink:Active
{
    text-decoration: none;
    border: 0;
    padding: 0px 0px 0px 16px;
    float: left;
}
.bannerWrapper
{
    width: 922px;
    height: 103px;
    padding: 14px 0px 0px 0px;
    float: left;
    background: url(/Images/System/header/bg-header-right.gif) no-repeat right top;
}
.bannerWrapperRight
{
    width: 383px;
    height: 100px;    
    background: url(/Images/System/logo-img.jpg) no-repeat left bottom;
}
.topMenuWrapper
{
    width: 860px;
    padding: 0px 0px 0 30px;
    height: 30px;
    float: left; 
    font-size: 0.75em; /* 16x0.75=12px */
}
.topMenuWrapper a:link, .topMenuWrapper a:visited, .topMenuWrapper a:active
{
    border-bottom: none;
    color: #fff;    
}
.topMenuWrapper a:hover
{    
    text-decoration: underline;
}
.topMenuWrapper a:Active
{
    border-bottom: none;
    color: #fff;    
}

/*==================================
      Site Search + Results
==================================*/

.siteSearchWrapper
{
    padding: 5px 20px 0px 0px;
    height: 25px;
    float: right;
}
.QuickSearchTextBox
{
    float: left;
    padding: 0px 6px 0px 0px;
    margin:0;
}
.QuickSearchInput
{
    font-size: 11px;
    width: 180px;
    color: #787878;
    border: solid 1px #cecece;
    padding: 2px 0px 1px 4px;
    margin:0;
}
.QuickSearchButton
{
    padding: 3px 0px 0px 0px;
    margin:0;
    float: left;    
}
.QuickSearchAdvanced
{
    display: none;
}
.newsItemReturnToIndex
{
    padding: 0px 0px 10px 0px;
    text-align: right;
}

.AdvancedSearchButton, .AdvancedSearchTextBox
{
    float: left;
}
.AdvancedSearchButton
{
    padding: 2px 0px 0px 8px;
}  
#advancedSiteSearchWrapper td
{    
    padding: 0px 10px 10px 0px !important;
}
#advancedSiteSearchWrapper
{
    width: 500px;
}
.advancedSiteSearchResultsWrapper
{
    width: 600px !important;
}
.advancedSiteSearchResultsWrapper td
{
    padding: 0px 0px 8px 0px !important;
}
#advancedSiteSearchPageWrapper
{
    width: 620px;
}
.AdvancedSearchUrl
{
    font-size: 0.8em;
}


/*==================================
          Crumble Path
==================================*/
.crumblePathWrapper
{
    width: 700px;
    color: #b7b7b7;    
    height: 17px;
    padding: 15px 0px 0px 10px;
    background: #fff;  
    float:left;
    font-size: 0.625em; /* 16x0.625=10px */  
}
.crumblePathWrapper a:link, .crumblePathWrapper a:visited, .crumblePathWrapper a:active
{
    color: #a0a0a0;
    font-weight: 400;
    text-decoration: none;
    border: 0;
}
.crumblePathWrapper a:Hover
{   
    text-decoration: underline;
}

/*==================================
            Login          
==================================*/
.loginTopLinkWrapper
{
    width: 130px;
    height: 20px;
    padding: 5px 15px 0px 0px;
    background: #fff;
    text-align: right;
    float:right;
    display: none;
}
a.loginTopLink:Link, a.loginTopLink:Visited, a.loginTopLink:Active
{
    color: #a0a0a0;
    font-weight: 700;
    font-size: 0.75em; /* 16x0.75=12px*/    
    text-decoration: none;
    background: url(/Images/System/bg-loginlink.gif) no-repeat right 2px;
    padding: 0px 15px 0px 0px;
    border: 0;    
}
a.loginTopLink:Hover
{
    text-decoration: underline;
    border: 0;    
}


/*==================================
            Content
==================================*/
.contentWrapper
{
    width: 830px;
    padding: 0px 15px;
    background: #fff;  
    font-size: 0.75em /* 16x0.75=12px */     
}   

/* Home Page */
.contentWrapperHome
{
    width: 890px;    
    padding: 0px 0px 15px 0px;
    float: left;
}
.contentWrapperHome .contentWrapperNextRight
{
    width: 410px;
    padding-right: 25px;
    border-right: solid 1px #f4f4f4;
}
.contentWrapperHome .nextPageContentWrapper
{
    width: 414px;    
}
.contactInformationWrapper
{
    font-size: 12px;
    color: #666;
    padding: 15px 0 0 25px;    
}
.contactInformationWrapper a:link, .contactInformationWrapper a:visited, .contactInformationWrapper a:active
{
    color: #666;
    font-weight: 400;
    text-decoration:underline;   
    border: 0; 
}
.contactInformationWrapper a:hover
{
    text-decoration: none;
}

/* Follow Up pages */
.contentWrapperNext
{
    background: #fff;
    padding-bottom: 20px;
    float: left;
}

/*==================================
        Home Page News
==================================*/
.homePageNewsWrapper
{
    margin: 0;    
    background: #faf6ec;
    border-top: solid 2px #d4a13b;
}
.homePageNewsWrapper li
{
    width: 384px;
    list-style-type: none;
    padding: 12px 10px;
    border-bottom: solid 2px #d4a13b;
}
a.homePageReadMoreLink:Link, a.homePageReadMoreLink:Visited, a.homePageReadMoreLink:Active
{
    color: #000;
    font-weight: 700;
    text-decoration: none;
    border-bottom: solid 1px #d4a13b;
    background: url(/Images/System/bg-home-news-readmore.gif) no-repeat right 3px;
    padding: 0px 15px 0px 0px;
}
a.homePageReadMoreLink:Hover
{
    text-decoration: none;
    border-bottom: none;
}
.btnWrapper
{
    width: 404px;
    padding: 56px 0px 0px 0px;
    text-align: center;
    float: left;
}
.btnWrapper a:link, .btnWrapper a:visited, .btnWrapper a:hover, .btnWrapper a:active, .btnWrapper img
{
    border: 0;
    text-decoration: none;
}

/*==================================
        Next Page Content
==================================*/
.nextPageContentWrapper
{
    width: 640px;
    padding: 5px 10px 10px 0px;
    margin: 0; 
    float: left;
    line-height: 18px;        
}
.nextPageContentWrapper h3
{
    font-size: 1.14em; /* 16/14 */
    font-weight: 700;
}
.nextPageToTopLinkWrapper
{
    width: 644px;
    padding: 6px 0px 20px 0px;
    float: left;
    text-align: right;
}
a.nextPageToTopLink:Link, a.nextPageToTopLink:Visited, a.nextPageToTopLink:Active
{    
    color: #a0a0a0;
    font-size: 0.85em;   
    font-weight: 400;
    text-decoration: none; 
    background: url(/Images/System/content/content-bullet.gif) no-repeat right 3px;    
    padding: 2px 15px 2px 0px;
    border: 0;
}
a.nextPageToTopLink:Hover
{
    border-width: 0px 0px 1px 0px !important;
    border-style: solid !important;    
}

/*==================================
         Next Page Content
==================================*/
.contentWrapperNextRight h2
{
    font-size: 1.66em; /* 20/12 */
    font-weight: 700;
    padding: 10px 0px 15px 0px;
}

.contentWrapperNextRight
{
    width: 650px;            
    float: left;
    font-size: 0.75em; /* 16x0.75=12px */     
}


/*==================================
          News Section
==================================*/
#BlogItemListWrapper
{
    margin: 10px 0px;
}
#BlogItemDetailsWrapper
{
    margin: 10px 0px;
    padding: 0px 0px 20px 0px;
     background: url(/Images/System/news/dotted.gif) repeat-x bottom left;
}
.BlogItemReturnToIndex
{
    padding: 0px 0px 10px 0px;
    text-align: right;
}


/*==================================
            Bottom
==================================*/
.bottomWrapper
{
    width: 860px;
    padding: 10px 15px 0 15px;
    height: 20px;
    float: right;
    background: #fff;    
    text-align: right;
    border-top: solid 2px #af0078
}
a.siteCreditsLink:Link, a.siteCreditsLink:Visited, a.siteCreditsLink:Active
{
    color: #d5d5d5;
    font-weight: 400;
    text-decoration: none;
    font-size: 0.625em; /* 16x0.625=10px */
    border: 0;
}
a.siteCreditsLink:Hover
{
    text-decoration: underline;
    border: 0;
}



/*==================================
   Download Folder
==================================*/
.cmsDownloadFolderGridWrapper th
{
    background: #d4a13b;    
}
.cmsDownloadFolderGridWrapper th a:Link
{
    color: #fff;
    border: none;    
    text-decoration: none;
}
.cmsDownloadFolderGridWrapper th a:Visited
{
    color: #fff;
    border: none;
    text-decoration: none;
}
.cmsDownloadFolderGridWrapper th a:Hover
{
    color: #fff;
    border: none;
    text-decoration: none;
}
.cmsDownloadFolderGridWrapper th a:Active
{
    color: #fff;
    border: none;
    text-decoration: none;
}
.cmsDownloadFolderGridWrapper td
{
    text-align: left;
    padding: 2px 0px 2px 0px;
    font-size: 12px;    
}
a.documentWrapperTitle:Link, a.documentWrapperTitle:Visited, a.documentWrapperTitle:Active
{
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    border: none;
}
a.documentWrapperTitle:Hover
{
    text-decoration: none;
    border-bottom: solid 1px #d4a13b;
}
#DocumentWrapper th
{
    background-color: #d4a13b;    
}


/*==================================
         PKN Vragenlijst
==================================*/
.infoTableWrapper
{
}
.infoTableWrapper2
{
    margin: 0;
    padding: 0;
}
.infoTableWrapper td
{
    padding: 6px;
    
}
.infoTableWrapper2 td
{
    padding: 6px;
    
}
.infoFirst td
{
    background-color: #f2e2c1;
}
.infoSecond td
{
    background-color: #f8edd7;
}
.infoTableWrapper input
{
    width: 300px;
    padding: 2px;
}
.infoTableWrapper2 input
{
    width: 300px;
    padding: 2px;
}
.infoNextButton
{
    background-color: #d4a13b;
    color: #fff;
    padding: 2px;
    font-weight: 700;
    border: solid 1px #d4a13b;
    cursor: pointer;
}
.questionWrapper
{
    padding: 0px 0px 8px 0px;
}
.question4Wrapper td
{
    padding: 0px 10px 8px 0px;
}
.schoolInfoWrapper td
{
    padding: 4px 4px;
}
.question7Wrapper div
{
    float: left;
}
.question11Wrapper div
{
    float: left;
}
question13Wrapper div
{
    float: left;
}
.registrationSuccesDiv
{
    padding: 0px 0px 10px 0px;
}
.organisationInputText
{
    margin: 0px 0px 0px 20px;
}
ol.numbers
{
    margin: 0;
    padding: 0px 0px 0px 20px;
}
ol.numbers li
{
    list-style-type: decimal !important;
    padding: 0px 0px 20px 0px !important;
    margin: 0px 0px 0px 0px;
    margin-left: 14px !important;
    background: none !important;    
}
.tableRadioButtonsWrapper
{
    width: 100%;
}
.tableRadioButtonsWrapper td
{
    text-align: center;
}
/*==================================
            Misc
==================================*/
.left
{
    float: left;
}
.right
{
    float: right;
}
.contactInformationWrapper
{
   float: left;
}
a.noStyle:link, a.noStyle:visited, a.noStyle:hover, a.noStyle:active
{
    border: none;
}