@font-face
{
    font-family:'Interstate-Black';
    src:url(fonts/Interstate-Black.eot);
    src:url(fonts/Interstate-Black.eot?#iefix) format('eot'), url(fonts/Interstate-Black.woff) format('woff'), url(fonts/Interstate-Black.ttf) format('truetype');
}

@font-face
{
    font-family:'Interstate-Light';
    src:url(fonts/Interstate-Light.eot);
    src:url(fonts/Interstate-Light.eot?#iefix) format('eot'), url(fonts/Interstate-Light.woff) format('woff'), url(fonts/Interstate-Light.ttf) format('truetype');
}

html, body
{
    height: 100%;
	font-family: 'Verdana','Arial','Sans Serif';
    font-size: 13px;
	text-decoration: none;
	background-color: #f0f3f5;
	margin: 0;
	padding: 0;
	color: #000;
    background-color: #fff;
    background-image: url("https://www.jolandacoaching.nl/wp-content/uploads/2012/06/bg.jpg");
    background-position: center top;
    background-size: auto;
    background-repeat: repeat-x;
    background-attachment: scroll;

}

.page
{
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
    max-width: 1000px;
    margin: 2em auto;
}

.headerblock
{
	font-family: 'Tahoma','Verdana','Arial','Sans Serif';
    display: block;
    background-color: #00425A;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    color: #739c99;
}

.navigation
{
    display: block;
    color: #373737;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.navbar
{
    color: #373737;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.navbaritem 
{
    border: none;
    outline: none;
    float: left;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    color: black;
    margin: 0;
}

.dropdown .dropbtn
{
    display: block;
    border: none;
    outline: none;
    text-align: center;
    padding: 14px;
    color: black;
    margin: 0; /* Important for vertical align on mobile phones */
    cursor: pointer;
}

.dropbtn_active
{
    display: block;
    border: none;
    outline: none;
    text-align: center;
    padding: 14px;
    color: #E8866D;
    font-weight: bold;
    margin: 0; /* Important for vertical align on mobile phones */
    cursor: pointer;
}

.dropbtn_active_mobile
{
    display: block;
    border: none;
    outline: none;
    text-align: center;
    padding: 14px;
    color: #E8866D;
    font-weight: bold;
    margin: 0; /* Important for vertical align on mobile phones */
    cursor: pointer;
}

.dropbtn_mobile
{
    display: block;
    border: none;
    outline: none;
    text-align: center;
    padding: 14px;
    color: black;
    margin: 0; /* Important for vertical align on mobile phones */
    cursor: pointer;
}

.dropdown
{
    float: left;
    overflow: hidden;
    background-color: #f9f9f9;
}

.navbaritem:hover 
{
  background-color: #ddd;
}

.subnavbaritem:hover
{
  background-color: #ddd;
}

.dropbtn:hover
{
  background-color: #ddd;
}

.dropbtn_mobile:hover
{
  background-color: #ddd;
}

.dropbtn_active:hover
{
  background-color: #ddd;
}

.dropbtn_active_mobile:hover
{
  background-color: #ddd;
}

.subnavbaritem_active:hover
{
  background-color: #ddd;  
}

.dropdown:hover .dropdown-content 
{
  display: block;
}


.dropdown-content
{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.subnavbaritem
{
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    cursor: pointer;
}

.subnavbaritem_active
{
    float: none;
    color: #E8866D;
    font-weight: bold;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    cursor: pointer;
}

.main
{
    background-color: white;
    padding: 5px;
}

.contactInput
{
    background: #fafafa; 
    border: 1px solid #ddd;
    padding: 3px; 
    color: #888; 
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);  
}

.footer
{
    height: 40px;
    text-align: center;
    vertical-align: middle;
    color: gray;
    border-top: 2px solid #00425A;
}

.btn_maaike
{
    background-color: #E8866D;
    border: 1px solid #E8866D;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.btn_maaike:hover
{
    background-color: #FF8200;
    border: 1px solid #E8866D;
}

.content
{
}