/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23-jan-2019, 9:42:53
    Author     : aw
*/

/* The navbar container */
.topnav {
  overflow: hidden;
  background-color: #27AE60;
  font-weight: normal;
}

/* Navbar links */
.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 30px;
  text-decoration: none;

}

/* Links - change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Links - change color on hover */
.topnav a:link {
  color: white;
}
/* Links - change color on hover */
.topnav a:visited {
  color: white;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TWO/THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.two-column-left
{
    padding: 10px;
    float: left;
    width: 30%;
    display:inline-block;
}

.two-column-right
{
    padding: 10px;
    float: right;
    width: 30%;
    display:inline-block;
}

.two-column-middle
{
    padding: 10px;
    width: auto;
    display:inline-block;
    text-align: center;
}

.three-column-left
{
    padding: 10px;
    float: left;
    width: 25%;
    display:inline-block;
}

.three-column-middle
{
    padding: 10px;
    width: auto;
    display:inline-block;
}

.three-column-right
{
    padding: 10px;
    float: right;
    width: 25%;
    display:inline-block;
}


.g-recaptcha 
{
    text-align: center;
    display: inline-block;
}



.row{
    padding: 10px;
    font-weight:normal;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
    height: auto;
}

.row1{
    padding: 10px;
    font-weight:normal;
    background-color:#d9d9d9;
}
/* Clear floats after the columns */
.row1:after {
    content: "";
    display: table;
    clear: both;
    height: auto;
}


.pageIndexButton{
   display:inline-block; 
}





.fietstocht-foto
{
    padding: 10px;
    width: 300px;
    display:inline-block;
    opacity: 1.0; 
    font-weight:normal;
}
.fietstocht-foto:hover
{
    transform: scale(1.05);;
    opacity: 0.80;
}




.header {
  background-color: #F1F1F1;
  text-align: center;
  padding: 10px;
}

.headerAlignLeft {
  background-color: #F1F1F1;
  text-align: left;
  padding: 10px;
}


.logoHeader
{
    padding: 10px;
    float: right;
    display:inline-block;
}


.footer {
  background-color: #F1F1F1;
  text-align: center;
  padding: 10px;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #666666;
}

p
{
	margin: 10px 0;
}

p.no-padding-no-margin
{
	padding: 0;
	margin: 0;
}

hr
{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border: 0;
	margin: 15px 0;
	_margin: 10px 0;
}

blockquote
{
	padding: 0 0 0 12px;
	margin: 12px 0 0 0;
	background: url(../../images/bg-quote.png) no-repeat;
}

blockquote p
{
	margin: 2px 0;
}

cite
{
	font-size: .85em;
	margin: 0;
	padding: 0 0 0 6px;
}

fieldset
{
	padding: 15px;
}

legend
{
	color: #333333;
	padding: 5px 3px 10px 3px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6
{
	font-size: 1.8em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 5px 0;
}

h1
{
	margin-bottom: 0;
}

h1, h2
{
	margin-top: 0px;
}

h2
{
	font-size: 1.3em;
}

h3
{
	font-size: 1.1em;
}

h3.small
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5
{
	font-size: 1.1em;
}

h6
{
	font-size: 1em;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link
{
	color: #d61719;
	text-decoration: none;
}

a:visited
{
	color: #980000;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}

a:active
{
	color: #980000;
}