* {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; font-style: normal; margin:0; padding:0;}

body {background-color:white}

* {font-family:"Verdana"}
h1 { color: #546E7A; font-size: 18px; line-height:200%;}
h3 { color: #546E7A; font-size: 14px; line-height:150%; font-style: italic;}
h4 { color: #FF0000; font-size: 18px; line-height:250%;}

p  {color: #37474F;  font-size: small; line-height:1.6;}
a {text-decoration:none;  font-style: italic;color: #546E7A;}
p a {color: #0033FF; }

.honderd   {width: 100%;}
.zestien{width: 16%}

.index {margin: 0 auto;}
.topdiva {width: 16%;}
.topdiva a {font-style:normal ;color: #546E7A; font-size: 14px; line-height:300%;}
.topdivb {width: 32%}
.topdivb a {font-style:normal ;color: #546E7A; font-size: 18px; line-height:200%;}
.topdivc {width: 33%;}
.topdivc a {font-style:normal ;color: #546E7A; font-size: 16px; line-height:275%; }
.botdiv {width: 16%}
.botdiv a {font-style: italic;color: #546E7A; font-size: 14px; line-height:200%;}

.sidediv 

.sidedivb {padding-top:40px;padding-bottom:40px; }
.sidedivc {text-align: center;padding-top:22px;padding-bottom:25px;color: #FF0000;}

.child {float: left; margin:0px}
.childright {float: right; margin:0px}
.center  {text-align:center}

.links {text-align: center;padding-top: 5px; padding-bottom:5px;}
.italic {font-style: italic;}
.border {border-style: solid; border-width: 1px; color: #CCCCCC;}

.divimeen {width: 100%; padding-top: 40px;padding-bottom: 40px; text-align:center; font-style: italic; float: left;}
.divimtwee {width: 50%; height: 150px;padding-top: 40px;padding-bottom: 40px; text-align:center; font-style: italic;float: left;}
.divimdrie {width: 33%; height: 150px;padding-top: 40px;padding-bottom: 40px; text-align:center; font-style: italic;float: left;}
.divimvier {width: 25%; height: 150px;padding-top: 40px;padding-bottom: 40px; text-align:center; float: left;}
.divtext {width: 100%; padding-top: 40px;padding-bottom: 40px;color : #37474F; font-size: small; line-height:1.6;text-align:center;font-style: italic;}


<!-- I got these buttons from simplesharebuttons.com -->
<div id="share-buttons">
 
    <!-- Facebook -->
    <a href="http://www.facebook.com/sharer.php?u=https://simplesharebuttons.com" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" />
    </a>
    
      
    <!-- Twitter -->
    <a href="https://twitter.com/share?url=https://simplesharebuttons.com&amp;text=Simple%20Share%20Buttons&amp;hashtags=simplesharebuttons" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" />
    </a>
    

</div>

.table {display:  table; width:100%;}
.row   {display:table-row; width:auto; }
.cell  {float:left; display:table-column; text-align:center; color: #546E7A;}

#wrapper {min-width: 270px; width: 90%; max-width: 999px; margin: 0 auto;}
#wrapperaux {min-width: 200px; width: 90%; max-width: 400px; margin: 0 auto;}
#topnavtop {width: 100%;  margin-top: 20px; margin-bottom: 20px; overflow: auto;}
#topnavbottom {width: 100%;  margin-top: 10px; margin-bottom: 20px;overflow: auto;}
#topnavbottom .border {margin:1px}
#title {width: 60%;float :left; padding-left:5%; padding-right:5%;padding-top:10px}
#text {float:left; width: 60%; padding-left:5%; padding-right:5%;}
#text  p {text-align:justify;}
#footer  {width: 80%; padding-top: 120px; padding-bottom:300px;}


.imbox {display: flex; flex-direction: row;justify-content: space-around; align-items: center | }
img {max-width: 100%}