/*
#########################
www.tonvanhattum.com.br
#########################
*/

/* update 08/09/2020  */

body 
	{
	margin: 0 7%;
	background: #ccffcc;
	/* padding: 2%; old until 5/9/2020 */
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	/* font-family: verdana, helvetica, arial, sans-serif; */
	font-size:100%;
	}


/*
.date
is my personal class pre HTML5
HTML5 has 
<time></time>
which covers the intended purpose; need to keep both because <time> must only contain standard time indication.
(Therfore as duplicate until HTML5 update is complete)
even afer because
there is text within date outside time
*/

	
.date {
	font-size: 0.7rem;
	}

time {
	font-size: 0.7rem;
	}
	

p {
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	}
/*	tot hier geupdate  $$$$$ ; 08/09/2020  */


h1 {
	clear: both;
	text-align: center;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-size: 326%;
/*	font-size: 305%; */
	}
h2 {
	font-size: 244%;
	}
h3 {
	font-size: 195%;
	}
h4 {
	font-size: 165%;
	}
h5 {
	font-size: 125%;
	}
h6 {
	font-size: 100%;
	}


h2, h3, h4, h5, h6 {
	margin-top: 1em;
	margin-bottom: 0.4em;
	}

h1, h2, h3, h4, h5, h6
	{
	font-weight: bold;
	}
	
	

blockquote {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
	font-style: italic;
	}

.colhead
	{
	font-weight: bolder;
	}

.LangSwitch
	{
	float: left;
	clear: both;
        height: 30px;
        /*
        width: 30px; 
        height: auto;*/  
        /* this pair gives non-transparent full size */
        /*
        height: 30px;
        width: auto; */ 
        /* this pair gives transparent full size */
	}

.LangSwitchFlag
        {
        /*height: 100%;*/
        height: 2em;
        width: auto;
        /*width: 40px; 
        height: auto; */
        /*height: 30px;
        width: auto;*/  
        }
	
.logo
	{
	font-size: 0.4em;
	margin: 2px;
	padding: 10px;
	float: left;
	width: 140px;
	height: 80px;
	text-align: center;
	border: none;
	}

#nocookie
	{
	display: block;
	border: .1em solid #006600;
	}

#topsection
	{
	text-align: center;
	width: auto;
	clear: both;
	}
#textbody
	{
	width: 79%;
	max-width:100em;
	min-width:50em;
	}
#righttotext
	{
	width: 20%;
	max-width:20em;
	min-width:10em;
	float: right;
	}
#navtop {
	height: auto;
	margin: 0;
	padding: 0.5em 2em 0;
	width: auto;
	text-align: center;
	font-size:13px;
	}

#next-searchbox
	{
	/* height: 80px; */
	height: 8em;
	margin: 2px 0;
	padding: 10px 0;
	float: left;
	width: 70%;
	text-align: center;
	border: none;
	}

#searchbox
	{
   height: 80px;
	margin: 2px;
	padding: 10px;
	float: right;
	width: 220px;
	text-align: center;
	}

table.freefind
	{
	padding: 1%;
	border-spacing: 1px;
	border: 0px;
	}

code
	{
	background: #eeffcc;
	font-size: 80%;
	}

.intro
	{
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	}

#nav-col
	{
	margin: 0;
	float: right;
	width:13%;
	min-width:8em;
	padding: 1%;
	text-align: right;
	font-size: 80%;
	clear: right;
	}

.colr {
	margin: 0;
	float: right;
	width: 45%;
	text-align: right;
	}

.coll
	{
	margin: 0;
	float: left;
	clear: left;
	width: 45%;
	text-align: left;
	}

.blockkaft	
	{
    margin: 5px;
	padding: 10px;
    width: 18em;
	background: #ffffff;
	}

.blocktext
	{
    margin: 5px;
	padding: 10px;
    width: 30em;
	background: #ffffff;
	float: left;
	}
	

.blocktextrel
	{
    margin: 1em 5em;
	padding: 4em;
    width: 40em;
	background: #ffffff;
	float: left;
	}
/*
.park-blocktextrel
	{
    margin: 5px;
	padding: 5%;
    width: 70%;
	background: #ffffff;
	float: left;
	}
*/
.blocktextwiderel
	{
    margin: 1em;
	padding: 2% 5%;
    width: 65%;
	float: left;
	}
.blocktextwide
	{
    margin: 1em 5em;
	padding: 4em;
    width: 40em;
	background: #ffffff;
	float: left;
	}

.mapBg
	{
	padding: 20px;
	height: 500px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	clear: both;
	}

.bar
	{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
	text-align: center;
	}

.button
	{
	text-align: center;
	font-weight:bold;
	display: inline-block;
	line-height: 1.5em;
	padding: 1px 10px;
	background-color:#ffffff; 
	border: .1em solid #006600;
	margin-top: 1em;
        }

.belangr
	{
	background-color:#ffffff;
	/*border: .1em solid #ffffff;*/
	}

 .col-link
	{
   display: block;
	text-align: center;
	background-color:#ffffff; 
	border: .1em solid #006600;
	}

.expl
	{
	font-size: 85%;
	font-style: italic;
	}