/*Stylesheet for adegem.net*/
/*Created with a DP 2.6 Webgenerator database application by Geert De Baets  */
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans&display=swap');
/*============================= PAGE BREAK ==================================*/
@media print {.break {page-break-after:always}}
/*================================ LINKS ====================================*/
a:link {color:#00c;background:transparent;text-decoration:underline}
a:active {color:#3c3;background:transparent}
a:visited {color:#333;background:transparent;text-decoration:none}
/* hide from IE3 */
@media screen {a:hover {color:#c33;text-decoration:underline}}
/*================================ BODY =====================================*/
body {font-family:'Merriweather Sans',sans-serif;font-size:1em;color:#000;background:#bbc7b2 url('img/bkg.png') repeat-x top center;background-attachment:fixed}
img {border:0px}
div.clear {clear:both;line-height:0;height:0}
h3 {font-size:1em}
#kop {width:100%;max-width:950px;height:130px;border:0px;padding:0px;margin:0px auto;background:#693;display:flex}
#kop2 {width:100%;max-width:756px;height:130px;border:0px;padding:0px;margin:0px auto;background:#693;display:flex}
#logo {width:136px;height:130px;background:#fff;text-align:center}
#logo img {width:130px;height:130px}
#bgnd {width:100%;max-width:620px;height:130px;color:#fff;background:#693 url('img/bgnd.jpg') no-repeat top center}
#typo {width:194px;height:130px;background:#693;margin:0px;white-space:nowrap}
#typo h1 {font-size:1.17em;color:#f0f0f0;text-align:center;text-shadow:#333 2px 2px 5px;margin:0px;padding:20px 10px}
#container   {width:100%;max-width:950px;margin:auto;padding:0px}
#subcontainer{width:100%;max-width:540px;float:left}
div.featured {width:100%;max-width:530px;float:left}
#col1        {width:100%;max-width:260px;float:left;padding-right:10px}
#col2,#col3 {width:100%;max-width:260px;float:left}
#col4        {width:100%;max-width:140px;float:left;padding-left:10px}
div.artikel{font-size:0.77em;background:#fff;text-align:justify;padding:4px 8px 14px 8px;margin-bottom:12px;border-left:1px solid #ddd;border-right:1px solid #666;border-bottom:1px solid #666}
div.artikel img{max-width:258px;float:left;padding:0px 0px 4px 0px;margin:-4px 0px 0px -8px;border:0px}
div.artikel ul{text-align:left;padding:0px;margin:0px 8px 4px 25px}
div.artikel div.verder{clear:both;text-align:right;font-weight:bold}
div.featured div.artikel{padding:5px 8px 14px}
div.featured div.artikel img {max-width:258px;margin:-5px 8px 0px -8px}
div.artikel ul{}
div.featured div.artikel div.verder{padding:0px 10px}
div.copyright {font-size:0.69em;background:#fff;text-align:center;padding:4px 8px 4px 8px;margin-bottom:0px;border-left:1px solid #ddd;border-right:1px solid #666;border-bottom:1px solid #666}

.default,td.text p.default {font-size:0.93em;color:#000}
td.text {color:#000;background:#fff}
td.text p,td.text ul,td.text div {font-size:0.835em}
.small, td.small, td.text p.small, td.text div.small  {font-size:0.77em;color:#000;background:#fff}
.xsmall,td.xsmall,td.text p.xsmall,td.text div.xsmall {font-size:0.75em;color:#000;background:#fff;margin:0 10px 0 0;padding-right:3px;padding-left:3px;border-bottom:solid 1px #006} /* IS USED AS TD! */

.PostIt {font-size:0.93em;font-weight:bold;color:#000;background:#fc6 url(img/postit.jpg) repeat;text-align:center;border:1px #ccc outset}
.button {font-size:0.69em;color:#000;text-align:center;background:#fff}
.toptab {font-size:1em;font-weight:bold;color:#fff;background:#333 url(img/actbutton.jpg) repeat;text-align:center}
.endtab {font-size:1em;font-weight:bold;color:#000;background:#c0c0c0 url(img/button.jpg) repeat;text-align:center}
.image {font-size:0.69em;font-weight:normal;color:#fff;background:#000;text-align:center;vertical-align:middle;border-bottom:solid 1px #006}
td {}
.TitleBar {padding:3px;background:#693 url(img/newgreen.jpg) repeat;border-top-left-radius:6px 6px;border-top-right-radius:6px 6px;-moz-border-radius-topleft:6px 6px;-moz-border-radius-topright:6px 6px}
.TitleBar a {color:#fff;text-decoration:none}
.TitleBar h2 {font-size:0.93em;font-weight:bold;color:#f0f0f0;text-align:center;text-shadow:#333 2px 2px 4px;margin:0}
.MActive {font-weight:bold;color:#000;background:#693 url(img/newgreen.jpg) repeat;text-align:center;border:1px #ccc outset}
.MActive h1 {font-size:1.25em;margin:5px 0px}
.MActive h2 {font-size:1.085em;margin:5px 0px}
.OutSet {border:1px #ccc outset;margin:0px auto 10px;color:#000;background:#fff;}
.LinkText {font-size:0.7em;font-weight:bold;margin:2px auto;text-align:center;}
div.knop {width:134px;padding:0px;margin:0px auto}
div.knop a:link,div.knop a:active,div.knop a:visited,div.knop a:hover {display:block;text-decoration:none}
div.knop a:link,div.knop a:active {color:#00c;background-color:#fff}
div.knop a:visited {color:#333;background-color:#fff}
div.knop a:hover {color:#fff;background-color:#36c}
/*Responsive Styles*/
/* @media screen and (max-width:983px) {#bgnd {display:none}} */
@media screen and (max-width:340px) {div.featured,#col1,#col2,#col3,#col4 {padding:0}}