/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v10/tDbD2oWUg0MKqScQ7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Taviraj';
  font-style: normal;
  font-weight: 400;
  src: local('Taviraj Regular'), local('Taviraj-Regular'), url(https://fonts.gstatic.com/s/taviraj/v3/ahcZv8Cj3ylylTXzTOkrUg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
    
BODY
{
    font-family: 'Taviraj';
    BACKGROUND-COLOR: white;
    LIST-STYLE-TYPE: circle;
    font-size: medium;
    font-weight: lighter;
    line-height: 22px;
    max-width: 50em;
    margin: 0px auto;
    text-align:justify;
}
P
{
    margin-top:0.2em    ;
    margin-bottom: 0.8em
    
    
    }
H1
{
    LINE-HEIGHT: 20pt;
    MARGIN-TOP: 25px;
    FONT-FAMILY: 'Century Gothic', CenturyGothic,   'Arial';
    font-weight:lighter;
    COLOR: crimson;
    FONT-SIZE: x-large
}
H2
{
    FONT-FAMILY:  'Century Gothic', CenturyGothic, 'Gill Sans MT', 'Arial Narrow';
    COLOR: firebrick;
    margin-bottom: 12px;
    margin-top: 12px;
    FONT-WEIGHT: 600;
    font-size:medium
}
H3
{
    FONT-FAMILY:   'Taviraj';
    COLOR: firebrick;
    margin-bottom: 0px;
    margin-top: 1em;
    margin-bottom: 0px;
    font-style: italic;
    font-size: inherit;
    font-weight: bolder
}
H4
{ 
    margin-top:20px;
    MARGIN-BOTTOM: 3px;
    COLOR: #3399cc
}
H5
{
    FONT-FAMILY: 'Gill Sans MT Condensed', 'Abadi MT Condensed', Sans-Serif;
    MARGIN-BOTTOM: 0pt;
    COLOR: red;
    FONT-SIZE: medium
}
strong
{
    font-weight: bold
    }
break-page
{
    page-break-after:always   
    }
TABLE
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit
}
TABLE.agenda
{   
    font-family: Roboto, Tahoma, Verdana, Sans-Serif;
    font-size: 11pt;
    line-height:130%;
    text-align:left
    
    }
    
TABLE TH
{
    BACKGROUND-COLOR: bisque
}
TD.ColDescrip
{
    
    BACKGROUND-COLOR: Seashell
}
TD.ColFieldname
{
    BACKGROUND-COLOR: palegoldenrod
}
TR.MoreDaysTrue
{
    BACKGROUND-COLOR: #ffcc66
}


.verysmall
{
    FONT-FAMILY: 'Gill Sans MT', Arial;
    FONT-SIZE: smaller
}
TD.Nieuw
{
    BACKGROUND-COLOR: maroon;
    FONT-FAMILY: 'Courier New';
    COLOR: yellow;
    FONT-SIZE: x-small
}
.Title
{
    LINE-HEIGHT: 24pt;
    FONT-FAMILY: 'Brush Script MT', 'Gill Sans MT Condensed';
    FONT-SIZE: 24pt
}

P.NoVSpace
{
    LINE-HEIGHT: normal
}
TR.Topic
{
    BACKGROUND-COLOR: khaki;
    FONT-FAMILY: 'Times New Roman';
    FONT-SIZE: larger
}
TR.Topic_open
{
    BACKGROUND-COLOR: khaki;
    FONT-FAMILY: 'Times New Roman';
    FONT-SIZE: larger
}
TR.Item
{
    BACKGROUND-COLOR: palegoldenrod;
    FONT-FAMILY: 'Times New Roman', Tahoma, Arial
}
TR.Item_text
{
    FONT-FAMILY: Arial;
    FONT-SIZE: smaller
}
BODY.Topframe
{
    BACKGROUND-COLOR: Seashell;
    FONT-FAMILY: Tahoma, 'Times New Roman';
    COLOR: #ff0033
}
BODY.SideFrame
{
    BACKGROUND-COLOR: darkolivegreen;
    FONT-FAMILY: 'Arial Narrow'
}
.IndexPaneEntry
{
    FONT-FAMILY: 'Arial Narrow', 'Abadi MT Condensed';
    COLOR: white
}
.IndexPaneSelectedEntry
{
    FONT-FAMILY: 'Arial Narrow', 'Abadi MT Condensed';
    COLOR: yellow
}
TR.MoreDaysFalse
{
    BACKGROUND-COLOR: khaki
}
A:link
{
    COLOR: #004080;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #004080;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #0066CC;
    font-weight:bolder;
    TEXT-DECORATION: none
}



ul
{
    LIST-STYLE-TYPE: circle;
    margin-left: 10px
}
.elegant
{
    FONT-FAMILY: 'Roboto', 'Trebuchet MS', 'MS Sans Serif', Arial, 'Times New Roman';
    font-size: smaller;
    
}
.comment
{
    FONT-FAMILY: 'Roboto', 'Trebuchet MS', 'MS Sans Serif', Arial, 'Times New Roman';
    text-align: left;
    font-size: smaller;
    color: Green;
    
}

P.SmallIndent
{
    FONT-FAMILY: 'Roboto', 'Trebuchet MS', 'MS Sans Serif', Arial, 'Times New Roman';
    PADDING-LEFT: 25px;
    FONT-SIZE: smaller
}
LI
{
    PADDING-TOP: 5px;
    margin-left:10px
}
.NoFrills
{
    TEXT-DECORATION: none
}
P.lead
{
    FONT-STYLE: italic;
    FONT-FAMILY: 'Arial Narrow'
}
img
{
    padding-bottom:10px
    }
p.MenuLink
{
    line-height:18pt;
    padding-bottom:0pt;
    margin-bottom:0pt
    
    }

.alignleft
{
    text-align:left
    }

/* Nieuw in sw5 */

.floatclear
{
    clear:both
    }
.floatright
{
    float:right
    }
.bookdescrip
{
    FONT-FAMILY: 'Roboto', 'Trebuchet MS', 'MS Sans Serif', Arial, 'Times New Roman';
    font-size: smaller;
    float:left;
    width:70%;
    margin-top:1em;
    padding-right: 1em;
    clear:both;
    }
.bookcover
{
    float:right;
    width:25%;
    text-align:right;
    margin-top: 1em   
    }



    
/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: Seashell;
  font-family: 'Century Gothic', CenturyGothic,   'Arial';
  padding: 0;
 
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: firebrick;
  text-align: center;
  padding: 4px 26px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: firebrick;
  padding: 4px 26px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: bisque;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: seashell;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Voor de image functie (wordt niet gebruikt) */

#imgbox 
{
    vertical-align : middle;
    position : absolute;
    border: 1px solid #999;
    background : #FFFFFF; 
    filter: Alpha(Opacity=100);
    visibility: hidden;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}

@media only screen
and (max-width : 550px) {
/* Styles mobile vertical */
body
{   font-size: larger;
     
    }

H2
{ font-size:large;
  color:Red
    }


H3
{   font-size:larger
    }


}