/*body, h1, h2, h3, h4, h5, h6 {*/
.borderfree {
   margin:         0;
   padding:        0;
   border:         0;
   outline:        0;
   vertical-align: baseline;
   background:     transparent;
   /* font-size: 100%; */
}
body {
   font-family: arial, sans-serif, verdana;
   overflow:    auto;
   color:       #3b3b3b;
   font-size:   larger;
}
h1,h2,h3,h4,h5,h6 {
   color: black;
}
* .layout {
   max-width:    1400px;
   margin:       0 auto;
   padding-left: 30px;
}
code {
   font-size: larger;
}
table, th, td {
   border:          1px solid black;
   border-collapse: collapse;
}
#left-panel,.left-panel {
   float: left;
   width: 150px;
}
#right-panel,.right-panel {
   float: left;
   width: 150px;
}
#content,.content {
   float:         left;
   padding-right: 0px;
   padding-left:  20px;
   width:         1000px;
}
#footer,.footer {
   font-size:    smaller;
   margin-left:  50px;
   margin-right: 50px;
   margin-top:   50px;
}
#footer .footer-right {
   float: right;
   color: grey;
}
#footer .footer-left {
   float: left;
   color: red;
}
#footer .footer-left a {
   color: red;
}
#below-footer {
   background-color: #fff;
}
.copyright {
   color: grey;
}
.warning {
   color: red;
}
.clearfix::after {
   content: "";
   clear:   both;
   display: table;
}
pre {
   /*font-size: larger;*/
}
#header {
   background-color: black;
   background-image: linear-gradient(to bottom, #008B8B 0%, #20B2AA 40%);
   display:          block;
}
#branding {
   float:          left;
   padding-top:    30px;
   padding-bottom: 40px;
}
.site_branding_logo, .site_branding_text {
   float: left;
}
.site_branding_text {
   padding-left: 40px;
   padding-top:  20px;
   color:        white;
}
.site_branding_name {
   font-size: xx-large;
   color:     white;
}
.site_branding_name:hover {
   color: yellow;
}
.site_branding_slogan {
   font-style: italic;
   color:      white;
}
.site_branding_slogan:hover {
   color: yellow;
}
.menu-item a {
   float:            left;
   background-color: rgba(255, 255, 255, 0.7); 
   color:            #3b3b3b;
   padding:          0.6em 0.6em;
   margin:           0 2px;
   text-align:       center;
   text-decoration:  none;
   display:          inline-block;
   border-radius:    8px 8px 0px 0px;
   list-style:       none;
   /*  font-size:        larger; */
}
/* even uitzetten om hover kleur te kunnen bepalen */
.menu-item a:hover{
      background-color: rgba(246, 246, 242, 1.0);
}
ul.menu {
   margin:       0;
   list-style:   none outside;
   padding-left: 0px;
}
#left-panel {
   margin-top:       1em;
   background-color: #f6f6f2;
   padding:          0.4em;
   width:            10em;
}
#leftlinkstop_header,#leftlinksmiddle_header,#leftlinksbot_header {
   font-size:   larger;
   margin:      0.4em;
}
a {
   /*color: #018fe2;*/
   color: #008080;
   text-decoration: none;
}
a:hover {
   color: #007070;
}
a:active{
   color: red;
}
#left-panel a{
   margin-left:     1em;
   text-decoration: none;
   /* font-size:       larger; */
}
#left-panel a:hover{
   color: #007070;
}
#left-panel a:active{
   color: red;
}
a.main-menu-active{
   background-color: #f6f6f2;
}
/* superfish addenda */
li.menu-item a.sf-dropdown {
   color: inherit;
}
.sf-menu ul, 
li.menu-item a.sf-dropdown{
   background-color: #BBE7E5;  /* background-color of dropdown */
}
li.menu-item a.sf-dropdown:hover {
   color: #007070;
}
.sf-menu a {
   color: inherit;
}
.sf-menu li {
   background-color: inherit;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
   background: inherit;
}
.sf-menu ul {
	min-width: 4em; /* allow long menu items to determine submenu width */
	*width:    4em; /* no auto sub width for IE7, see white-space comment below */
}
/* get rid of arrows */
.sf-arrows .sf-with-ul {
   padding-right: 0.6em;
}
.sf-arrows .sf-with-ul::after{
   display: none;
}

/* no dropdown for the 'contact' item */
a[class="sf-dropdown"][href*="/contact/"] {
   display: none;
}

#searchfor {
   background: lightblue;
}
#search {
   float: left;
   margin-left:10px;
}
#cleardiv {
   float: left;
}
#clearbutton {
   background: lightblue;
   color: red;
   cursor: pointer;
}