﻿/*////////////// Css Reset //////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.3; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

@font-face {
    font-family: 'Aracne Condensed Regular';
    src: url('Fonts/aracne-condensed_regular-webfont.eot');
    src: url('Fonts/aracne-condensed_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/aracne-condensed_regular-webfont.woff2') format('woff2'),
         url('Fonts/aracne-condensed_regular-webfont.woff') format('woff'),
         url('Fonts/aracne-condensed_regular-webfont.ttf') format('truetype'),
         url('Fonts/aracne-condensed_regular-webfont.svg#aracne_condensed_regularCnRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*/////////// Default layout ///////////*/
html {
    width:100%;
    height:100%;
    min-height:100%;
    min-width:100%;
    margin:0; 
    padding:0;
}

body {
    overflow-y:scroll;
    font-family:Arial;
    font-size: 13px;
    letter-spacing:0.5px;
    line-height: 19px;
    background-color:#fef0d6;
    color: #000;
}

.BodyContentText ul {
    list-style: disc;
    margin-bottom: 20px !important;
}

.BodyContentText li {
    margin-left: 20px;
}

.Clear {
    clear:both;
}

.MHCHeader {
    background-image:url(../Images/headerbg.png);
    background-repeat:repeat-x;
    background-position-x:center;
    background-position-y:top;
    height:165px;
}

.MHCLogo {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    padding-top:40px;
}

.MaedilonLogo {
    float:left;
    width:220px;
    margin-left:20px;
}

.MHCTitle {
    font-family:"Aracne Condensed Regular", Arial;
    font-size:30pt;
    color:#f9b233;
    line-height:30px;
    float:left;
}

.VolgOns{
    float:right;
    margin-top:12px;
    width:95px;
}

.FacebookLogo {
    float:right;
    width:60px;
}

.TwitterLogo {
    float:right;
}

.MHCFooter {
    background-image:url(../Images/footerbg.png);
    background-repeat:repeat-x;
    background-position-x:center;
    height:110px;
    margin-top:-30px;
}

.FooterContent {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    padding-top:55px;
    font-size:14pt;
    line-height:20px;
    text-align:center;
    color:white;
}

.HomeBodyContent {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    
}

.MenuHome {
    background-image:url(../Images/menubg.png);
    background-repeat:no-repeat;
    width:1080px;
    height:70px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-515px;
    position:relative;
    z-index:1000;
}

.MenuContainer {
    background-image:url(../Images/menubg.png);
    background-repeat:no-repeat;
    width:1080px;
    height:70px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-40px;
    position:relative;
    z-index:1000;
}

.MenuItem, .MenuFirstItem {
    float:left;
    margin-top:20px;
    margin-left:50px;
    position:relative;
    z-index:1000;
}

.MenuFirstItem{
    margin-left:120px;
}

.MenuButton, .MenuSelectedButton {
    background-color:transparent;
    border:none;
    color:white;
    font-family:Arial;
    font-size:16pt;
    text-decoration:none;
}

.MenuButton:hover{
    color:#706f6f;
}

.MenuSelectedButton {
    color:#706f6f;
}

.DoneerNu {
    background-image:url(../Images/doneernubg.png);
    background-repeat:no-repeat;
    background-position-x:right;
    float:right;
    width:305px;
    height:50px;
    margin-top:10px;
    margin-right:-20px;
    padding-top:15px;
    position:relative;
    z-index:1000;
}

.DoneerNuTitle{
    margin-left:50px;
}

.DoneerNuLink {
    font-family:"Aracne Condensed Regular", Arial;
    font-size:30pt;
    color:white;
    line-height:30px;
    text-decoration:none;
}

.DoneerNuLink:hover {
    color:#f9b233;
}

.HomeCarrouselImageMessage {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.HomeCarrouselText {
    background-image:url(../Images/grijzeveeg.png);
    background-repeat:no-repeat;
    width:340px;
    margin-left:50px;
    margin-top:270px;
    padding-top:30px;
    padding-right:80px;
    position:relative;
    z-index:1000;
    height:110px;
    text-align:center;
}

.HomeCarrouselTitle {
    font-family:"Aracne Condensed Regular", Arial;
    font-size:30pt;
    color:white;
    line-height:30px;
}

.HomeNewsContainer {
    width:1040px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}
}
.HomeNewsContent{
    background-image:url(../Images/bodybg.png);
    background-repeat:no-repeat;
    height:420px;
    padding:50px 20px 30px 15px;
}

.NewsTitle {
    font-family:"Aracne Condensed Regular", Arial;
    font-size:30pt;
    color:#f9b233;
    margin-left:20px;
}

.NewsFotos{
    margin-top:20px;
}

.NewsFoto{
    background-image:url(../Images/newsfotobg.png);
    background-repeat:no-repeat;
    width:334px;
    height:238px;
    float:left;
}

.NewsFotoContent {
    width:295px;
    height:199px;
    margin-left:19px;
    margin-top:15px;
    padding:5px;
}

.NewsContentContainer {
    width:295px;
    height:199px;
    margin-left:25px;
    margin-right:15px;
    float:left;
}

.NewsContent {
    font-family:Arial;
}

.ContentTitle{
    color:#f9b233;
    font-weight:bold;
}

.NewsContentMore {
    font-family:"Aracne Condensed Regular", Arial;
    font-size:30pt;
    line-height:30px;
    color:#706f6f;
    text-decoration:none;
}

.NewsContentMore:hover {
    color:#f9b233;
}

.BodyContainer {
    width:1040px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}

.BodyContent, .NewsBodyContent, .ProjectBodyContent {
    background-image:url(../Images/bodybg.png);
    background-repeat:no-repeat;
    height:650px;
    padding:50px 20px 30px 50px;
}

.NewsBodyContent {
    height:1450px;
}

.ProjectBodyContent {
    height:1300px;
}

.BodyContentText{
    width:600px;
    float:left;
}

.BodyContentTitle {
    font-family:"Aracne Condensed Regular", Arial;
    font-size:30pt;
    color:#f9b233;
    line-height:30px;
}

.AboutImage {
    background-image:url(../Images/aboutimgbg.png);
    background-repeat:no-repeat;
    float:right;
    width:300px;
    height:400px;
    margin-top:35px;
    margin-right:30px;
    padding:20px 15px 20px 25px;
}

.NewsBodyContentText, .NewsBodyContentTextRight {
    margin-top:50px;
    width:400px;
    float:left;
}

.NewsBodyContentTextRight {
    margin-top:30px;
    float:right;
}

.NewsImageRight, .NewsImageLeft {
    background-image:url(../Images/nieuwsafbeeldingbg.png);
    background-repeat:no-repeat;
    float:right;
    width:493px;
    height:331px;
    margin-top:35px;
    margin-right:30px;
    padding:20px 15px 20px 25px;
}

.NewsImageRight1 {
    background-image:url(../Images/aboutimgbg.png);
    background-repeat:no-repeat;
    float:right;
    width:300px;
    height:400px;
    margin-top:35px;
    margin-right:120px;
    padding:20px 15px 20px 25px;
}
.NewsImageLeft
{
    float:left;
    margin-top:10px;
}

.NewsContentHeader {
    color:#f9b233;
    font-size:14pt;
    font-weight:bold;
    line-height:30px;
}

.NewsDateStamp {
    color:#706f6f;
    font-weight:bold;
    font-style:italic;
}

.ProjectImages {
    float:right;
    width:334px;
    margin-right:30px;
}

.ProjectImage {
    background-image:url(../Images/newsfotobg.png);
    background-repeat:no-repeat;
    width:334px;
    height:238px;
}

.ProjectFotoContent {
    width:295px;
    height:199px;
    margin-left:19px;
    margin-top:15px;
    padding:5px;
}

.EditFormRow {
    width:760px;
}

.EditFormLabel, .EditFormField {
    width:250px;
    height:24px;
    margin-top:5px;
    float:left;
}

.EditFormField {
    width:500px;
}

.FormField {
    width:200px;
}

.FormFieldSmall {
    width:100px;
}

.ContentFoutmelding{ 
    width:900px;
    height:40px;
}

.ContentFoutLabel {
    color:red;
}

.ThanksImage {
    background-image:url(../Images/aboutimgbg.png);
    background-repeat:no-repeat;
    float:right;
    width:300px;
    height:400px;
    margin-top:35px;
    margin-right:30px;
    padding:20px 15px 20px 25px;
}

.DoneerContentBold
{
    color:#f9b233;
    font-weight:bold;
}