* { margin: 0; padding: 0; }

:focus { -moz-outline-style: none; }

html { background: #c0c0c0 url(/lib/images/htmlBackground.png) repeat-x; font-family: Arial, sans-serif; font-size: 0.75em; cursor: default; }

#body { width: 960px; position: absolute; left: 50%; margin-left: -480px; }
#navigation { width: 960px; height: 210px; position: absolute; left: 0; top: 0; z-index: 1; }

#content { position: absolute; top: 130px; left: 0; z-index: 2; clear: both; }

#contentLeft { width: 265px; float: left; }
#contentRight { width: 695px; float: left; }

#contentRight .largeContent, #contentRight .smallContent { background: #fff; padding: 25px; float: left; padding-bottom: 0; width: 645px; }
#contentRight .smallContent { width: 428px; }
#contentRight img { border: 0; }
#contentRight .left { float : left; margin: 0 10px 10px 0}
#contentRight .right { float : right; margin: 0 0 10px 10px}
#contentRight p { line-height: 1.8em; margin-bottom: 1em; color: #7f7f7f; }
#contentRight ul, #contentRight ol { margin-left: 2em; margin-bottom: 1em; }
#contentRight li { color: #7f7f7f; margin-bottom: 1em; }
#contentRight a { color: #7fd9ff; font-weight: bold; position: relative; z-index: 3; }
#contentRight a:hover { color: #009ee0; }
#contentRight h2 { font-size: 1.5em; margin-bottom: 0.5em; }
#contentRight table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 1em; }
#contentRight table td { padding: 5px; /* border: 1px solid #ccc; */ }
#contentRight .latestDiscussions { float: right; width: 190px; height: 100px; position: relative; top: 180px; }
#contentRight .latestDiscussions h3 { float: left; font-size: 1.2em; }
#contentRight .latestDiscussions .discussionBalloon { width: 20px; height: 18px; float: right; background: url(/lib/images/discussionBalloon.png); font-size: 0.8em; text-align: center; padding-top: 1px; margin-bottom: 3px; }
#contentRight .latestDiscussions .overzicht { clear: both; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
#contentRight .latestDiscussions .overzicht ul { list-style-type: none; margin: 0; }
#contentRight .latestDiscussions .overzicht ul li a { color: #009ee0; text-decoration: none; display: block; width: 170px; padding-right: 20px; font-weight: normal; font-size: 0.8em; margin: 5px 0 5px 0; }
#contentRight .latestDiscussions .overzicht ul li a.attachment { background: url(/lib/images/discussionAttachment.png) right top no-repeat; }
#contentRight .latestDiscussions .overzicht ul li a.discussion { background: url(/lib/images/discussion.png) right top no-repeat; }
#contentRight .latestDiscussions .overzicht ul li a.discussionWithReactions { background: url(/lib/images/discussionWithReactions.png) right top no-repeat; }
#contentRight .latestDiscussions .discussionFooter { text-align: right; width: 190px; height: 21px; background: url(/lib/images/discussionFooter.png) 1px 0 no-repeat; }
#contentRight .latestDiscussions .discussionFooter a { font-size: 0.8em; color: #fff; font-weight: normal; }
#contentRight .latestDiscussions .discussionFooter a:hover { color: #000; }

#contentRight .largeFooter { background: url(/lib/images/footer_large_algemeen.png) no-repeat; width: 695px; height: 150px; clear: both; }
.inspire #contentRight .largeFooter { background-image: url(/lib/images/footer_large_inspire.png); }
.educate #contentRight .largeFooter { background-image: url(/lib/images/footer_large_educate.png); }
.create #contentRight .largeFooter { background-image: url(/lib/images/footer_large_create.png); }
.grow #contentRight .largeFooter { background-image: url(/lib/images/footer_large_grow.png); }
.eweek #contentRight .largeFooter { background-image: url(/lib/images/footer_large_eweek.png); }

#contentRight .smallFooter { background: url(/lib/images/footer_small_algemeen.png) no-repeat; width: 478px; height: 150px; clear: both; }
.inspire #contentRight .smallFooter { background-image: url(/lib/images/footer_small_inspire.png); }
.educate #contentRight .smallFooter { background-image: url(/lib/images/footer_small_educate.png); }
.create #contentRight .smallFooter { background-image: url(/lib/images/footer_small_create.png); }
.grow #contentRight .smallFooter { background-image: url(/lib/images/footer_small_grow.png); }

#contentRight .smallFooter .discussButton { padding-left: 25px; }
#contentRight .article { float: left; background: url(/lib/images/articleFooter.png) left bottom no-repeat; width: 645px; margin-bottom: 2em; }
#contentRight .article .header { float: left; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; padding: 5px; width: 632px; }
#contentRight .article .header h2 { float: left; font-size: 1.5em; margin: 0; }
#contentRight .article .header .utils { float: right; }
#contentRight .article .header .utils img { border: 0; }
#contentRight .article .footer { clear: both; height: 28px; }
#contentRight .article .footer p { float: left; margin: 0; text-align: right; font-size: 0.8em; width: 430px; }
#contentRight .article .footer p span { color: #b5b5b5; }
#contentRight .article .footer p a { color: #000; }
#contentRight .article .footer ul { list-style-type: none; float: right; margin: 0; padding: 0; margin-right: 20px; width: 170px; height: 28px; background: url(/lib/images/articleButtons.jpg) 0 -28px no-repeat; }
#contentRight .article .footer li { float: left; display: block; }
#contentRight .article .footer li a { display: block; height: 28px; text-indent: -1000em; background: url(/lib/images/articleButtons.jpg); }
#contentRight .article .footer a.hyves { background-position: 0 0; width: 24px; }
#contentRight .article .footer a.facebook { background-position: -24px 0; width: 31px; }
#contentRight .article .footer a.youtube { background-position: -55px 0; width: 52px; }
#contentRight .article .footer a.linkedin { background-position: -107px 0; width: 63px; }
#contentRight .article .footer li.hyves { background: none; width: 24px; }
#contentRight .article .footer li.facebook { background: none; width: 31px; }
#contentRight .article .footer li.youtube { background: none; width: 52px; }
#contentRight .article .footer li.linkedin { background: none; width: 63px; }
/*
#contentRight .niveau1 .header h2 { margin-left: 15px; }
#contentRight .niveau2 .header h2 { margin-left: 30px; }
#contentRight .niveau3 .header h2 { margin-left: 45px; }
#contentRight .niveau4 .header h2 { margin-left: 60px; }
#contentRight .niveau5 .header h2 { margin-left: 75px; }
#contentRight .niveau6 .header h2 { margin-left: 90px; }
#contentRight .niveau7 .header h2 { margin-left: 105px; }
#contentRight .niveau7 .header h2 { margin-left: 120px; }
*/
#contentRight .newsItem { width: 645px; border-bottom: 1px solid #e5e5e5; margin-bottom: 1em; }
#contentRight .newsItem p { margin: 0; }
#contentRight .newsItem p.date { color: #00b8c9; margin: 0; font-size: 0.8em; }
#contentRight .newsItem h2 { margin: 0; font-size: 1.2em; }
#contentRight .newsItem h2 a { color: #000; text-decoration: none; }
#contentRight .newsItem h2 a:hover { color: #00b8c9; }
#contentRight .newsItem a.readMore { background: url(/lib/images/readMore.png) no-repeat; width: 74px; height: 36px; display: block; color: #fff; text-decoration: none; padding-top: 2px; text-align: center; }
#contentRight .newsItem a.readMore:hover { color: #000; }

#discussFlash { width: 190px; height: 60px; }
#backToNewsFlash { width: 190px; height: 60px; margin-left: 25px; }

#contactForm { width: 645px; padding: 25px 25px 0 25px; background: transparent url(/lib/images/contact_form_top.png) no-repeat; position: relative; height: 1%; }
#contactForm form { width: 430px; float: left; }
#contactForm fieldset { border: 0; }
#contactForm legend { display: none; }
#contactForm label { padding-left: 10px; color: #fff; }
#contactForm div { margin-bottom: 6px; }
#contactForm div input { border: 0; width: 400px; background: transparent; }
#contactForm .input { background: url(/lib/images/contactFormInput.png) no-repeat; width: 414px; height: 17px; padding: 3px; }
#contactForm .input select { border: none; float: right; margin-right: 10px; width: 404px; height: 17px;}
#contactForm .input label { color: #000; float: left; line-height: 17px; margin-right: 30px; }
#contactForm .input .radio { float: left; width: auto; height: 17px; }
#contactForm .inputRequired { background: url(/lib/images/contactFormInputRequired.png) no-repeat; width: 414; height: 17px; padding: 3px; }
#contactForm .floater { clear: both; width: 420px; height: 40px; }
#contactForm .floater .floatLeft { float: left; width: 160px; height: 40px; }
#contactForm .floater .floatLeft div { background: url(/lib/images/contactFormInput160.png) no-repeat; width: 154px; height: 17px; padding: 3px; }
#contactForm .floater .floatRight { float: left; width: 250px; height: 40px; margin-left: 10px; }
#contactForm .floater .floatRight div { background: url(/lib/images/contactFormInput250.png) no-repeat; width: 244px; height: 17px; padding: 3px; }
#contactForm .textarea { background: url(/lib/images/contactFormTextarea.png) no-repeat; width: 414px; height: 93px; padding: 3px; font-family: Sans-Serif; }
#contactForm textarea { border: 0; background: transparent; width: 414px; height: 93px; font-family: Sans-Serif; overflow: auto; }
#contactForm #flashSubmitWrapper { position: absolute; bottom: -70px; left: 274px; z-index: 999; }
#contactForm #flashSubmit input.submit { background: #ccc; }

#bottom { width: 695px; height: 20px; margin-bottom: 50px; background: transparent url(/lib/images/contact_form_bottom.png) no-repeat; }

#contactFormSent { width: 645px; height: 107px; padding: 25px; background: url(/lib/images/contactFormSent.png); }
#contactFormSent .information { width: 430px; float: left; }
#contactFormSent .information h3 { color: #fff; margin-bottom: 1em; }
#contactFormSent .information p { color: #fff; }
#contactFormSent .data { height: 107px; }

.data { float: left; margin-left: 5px; width: 165px; height: 337px; border-left: 1px solid #909090; padding: 0 20px 0 20px; }

#sendAnotherMessage { position: relative; top: 30px; }

.discussionForm { width: 645px; height: 436px; margin-top: 10px; padding: 25px; }
.discussionForm label { clear: both; color: #fff; display: block; padding: 2px 0 3px 10px; }
.discussionForm .inputNormal { width: 634px; height: 23px; background: url(/lib/images/discussionFormInput.png) no-repeat; padding: 3px; }
.discussionForm .inputRequired { width: 634px; height: 23px; background: url(/lib/images/discussionFormInputRequired.png) no-repeat; padding: 3px; }
.discussionForm .inputFile { width: 634px; height: 23px; background: url(/lib/images/discussionFormInputBrowse.png) no-repeat; padding: 3px; }
.discussionForm .inputTextarea { width: 653px; height: 93px; background: url(/lib/images/discussionFormTextarea.png) no-repeat; padding: 3px; }
.discussionForm input { border: 0; width: 600px; }
.discussionForm textarea { border: 0; width: 633px; height: 93px; overflow: auto; font-size: 1em; font-family: Sans-Serif; background: transparent; }
.discussionForm .locationBar { width: 640px; height: 23px; background: url(/lib/images/discussionFormInput.png) no-repeat; }
.discussionForm .locationBar .location { float: left; }
.discussionForm .locationBar .location img { position: relative; top: -6px; float: left; cursor: pointer; }
.discussionForm .locationBar .location .input { float: left; }
.discussionForm .locationBar .location .input input { background: url(/lib/images/discussionFormLocationInput.png) no-repeat; width: 0; display: none; padding: 3px; height: 23px; }
.discussionForm .inputFile input.fakeFile { position: relative; z-index: 2; width: 550px; } 
.discussionForm .inputFile input.realFile { position: relative; left: 405px; top: -18px; float: left; width: 10px; }
#flashSubmit { float: right; margin-right: -10px; margin-top: 1em; }
#flashSubmit input.submit { width: 200px; border: 1px outset #888; }

#DiscussionBackButton { position: absolute; top: 236px; }

.green { background: url(/lib/images/formGreen.png) no-repeat; }
.orange { background: url(/lib/images/formOrange.png) no-repeat; }
.red { background: url(/lib/images/formRed.png) no-repeat; }
.blue { background: url(/lib/images/formBlue.png) no-repeat; }

#footer { width: 960px; clear: both; }
#footer p { text-align: right; color: #7e7e7e; font-size: 0.8em; padding: 10px; }
#footer a { color: #7e7e7e; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.editreactie { margin-left: -5px; }
.editreactie .title { clear: both; overflow: hidden; background-color: #ddd; padding: 4px; width: 647px; font-weight: bold; margin-top: 10px; }
.editreactie textarea { font-family: Sans-Serif; font-size: 1em; background-color: #efefef; border: 1px solid #ddd; padding: 4px; width: 645px ! important; height: 200px; margin-bottom: 1em; line-height: 1.8em; }
.editreactie input { font-family: Sans-Serif; font-size: 1em; font-weight: bold; float: right ; margin-bottom: 2em; color: #666; background-color: #eee; border: 1px outset #ddd; padding: 0 10px; margin-right: 10px; }

.eweek { color: #424e55; font-family: Verdana; font-size: 11px; }
.eweek .text { text-align: justify; clear: both; }
.eweek #contentRight h2 { color: #d30067; }
.eweek #contentRight .text a { color: #0078c3; }
.eweek #contentRight .text a:hover { color: #7fd9ff; }
.eweek .text .left,
.eweek .text .right { position: relative; width: 150px; height: 150px;}
.eweek #contentRight .left { margin-right: 45px; margin-top: 7px; }
.eweek #contentRight .right { margin-left: 45px; margin-top: 7px; }
.eweek .text .overlay { position: absolute; z-index: 102; width: 150px; height: 150px; background-image: url(/lib/images/eweek_image_overlay.png);  }
.eweek .text img { position: absolute; z-index: 101; width: 150px; height: 150px;  }

.eweek .quote { text-align: right; color: #d30067; font-size: 19px; border-bottom: 2px solid #e6e6e7; padding-bottom: 40px; margin-bottom: 23px; overflow: hidden; }
.eweek .quote strong, 
.eweek .quote cite { float: right; clear: both; font-style: normal; letter-spacing: -2px; }
.eweek .quote strong { margin-top: 16px; padding-right: 1px; font-weight: bold; font-style: italic; }

.eweek h1 { font-size: 18px; margin-bottom: 25px; }

.eweek #banner { width: 212px; height: 134px; background: transparent url(/lib/images/banner_eweek.png) no-repeat top left; }
.eweek #banner { font-size: 18px; color: #fff; }
.eweek #banner a { display: block; width: 212px; height: 78px; text-decoration: none;  }
.eweek #banner a strong { float: left; font-size: 22px; color: #fff; margin-left: 17px; margin-top: 10px; font-weight: normal; }
.eweek #banner a em { float: left; font-size: 11px; color: #a2bf08; margin-left: 17px; margin-top: 4px; font-style: normal; font-weight: bold; }

.eweek strong.error { color: #d30067; font-weight: bold; text-transform: uppercase; }

.eweekform { margin: 0; padding: 0; }
.eweekform #column1 { margin: 0; padding: 0; float: left; width: 320px; overflow: hidden; }
.eweekform #column2 { margin: 0 0 0 5px; padding: 0; float: left; width: 320px; position: relative; }
.eweekform #column1 h2,
.eweekform #column2 h2{ margin-bottom: 30px; width: 320px; color: #d30067; }
.eweekform legend { display: none; }
.eweekform fieldset {margin: 0; padding: 0; border: none; }
.eweekform input, select, textarea { float: left; border: 0; background-color: #e9e9e9; padding: 3px; color: #424e55; font-family: Verdana; font-size: 11px; width: 300px; }
.eweekform .tiny { width: 60px; }
.eweekform .small { width: 100px; }
.eweekform label { float:left; margin-bottom: 3px; clear: both; display: block; }
.eweekform strong label { margin-bottom: 10px; color: #a2bf08; }
.eweekform .blok label strong { color: #d30067; }
.eweekform .row { overflow: hidden; clear: both; margin-bottom: 10px;  }
.eweekform .radio { float: left; width: auto; height: 22px; background-color: Transparent; margin: 0 20px; }
.eweekform .subrow { clear: both; }
.eweekform .subrow label { clear: none; line-height: 18px;  }
.eweekform .checkbox { width: 10px; float: left; }
.eweekform .blok { background-color: #f6f6f6; padding: 5px; }
.eweekform label.error { color: #d30067; font-weight: bold; text-transform: uppercase; }
.eweekform .paymentinfo {position: absolute; bottom: 100px; left: -330px; z-index: 9999; width: 310px; }
.eweekform #column2 .submit {position: absolute; bottom: 20px; left: -330px; z-index: 9999; width: 310px; height: 60px; font-size: 18px; color: #fff; background-color: #d30067; cursor: pointer; }
.eweekform #column1 .submit {position: relative; margin-top: 20px; width: 310px; height: 60px; font-size: 18px; color: #fff; background-color: #d30067; padding: 0 20px; cursor: pointer; }