/*
 Theme Name:   Accelerate Child
 Description:  Accelerate Child Theme
 Author:       Erik Jan de Wilde
 Author URI:   http://bureauturf.nl
 Template:     accelerate
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  accelerate-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
select
{
	color: #666666;
	font: 12px 'Roboto', sans-serif;
	line-height: 20px;
	word-wrap: break-word;
	font-weight: 300;
}
body,
input,
textarea
{
	color: #666666;
	font: 6px 'Roboto', sans-serif;
	line-height: 16px;
	word-wrap: break-word;
	font-weight: 300;
}

#knop1, #knop2 {
   margin-bottom: 20px;
   padding: 10px 10px;
color: #FFFFFF;
background-color: #005961;
	border: 0px;
	transition: background-color 0.3s linear 0s;
   -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
   font-size: 12px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	display:inline-block;
}

.bar rect {
  fill: steelblue;
}

.bar text {
  fill: white;
}

.axis path, .axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
}



#container {
    height: 800px;
    width: 800px;
    margin: 0 auto;
}
.loading {
    margin-top: 10em;
    text-align: center;
    color: #ff00dc;
}

#kaart-links {
	height: 400px; 
	width: 500px; 
    float:  left;
}

#kaart-links2 {
	height: 500px; 
	width: 600px; 
    float:  left;
}

#kaart-rechts2 {
	height: 500px; 
	width: 400px; 
    margin: 0 50px 0 50px; 
    overflow: auto;
    
    padding-right: 10px;
}

#kaart-rechts {
	height: 500px; 
	width: 500px; 
    float:   right;
    padding-right: 100px;
}
.highcharts-tooltip>span {
	padding: 10px;
	white-space: normal;
	width: 200px;
}
#mak1-rechts {
    height: 500px;
	float: right;
	width: 45%;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    font-size:80%;
}
#mak1-linksonder {
    height: 350px;
    float: left;
    width: 50%;
    top: 500px;
}
#mak2-toelichting {
    height: 350px;
	float: right;
	width: 33%;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    font-size:90%;
}
#mak1-linksboven {
    height: 350px;
	float: left;
	width: 50%;
}
#mak2-linker {
    height: 500px;
	float: left;
	width: 600px;
}
#mak2-rechter {
    height: 400px;
	float: right;
	width: 400px;
}
#mak3-linker {
    height: 600px;
	float: left;
	width: 700px;
}
#mak3-rechter {
    height: 600px;
	float: right;
	width: 300px;
}
#mak4-linker {
    height: 400px;
	float: left;
	width: 550px;
}
#mak4-rechter {
    height: 400px;
	width: 550px;
	float: right;
}
#mak4-onder {
    height: 200px;
	width: 1100px;
}
#mak5-linker {

    height: 450px;
	float: left;
	width: 499px;
}
#mak5-rechter {
    height: 700px;
	float: right;
	width: 600px;
}
#mak5-toelichting {
    position:  relative;
    top: 450px;
    height: 200px;
	width: 450px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    font-size:80%;
}

#svg-links {
    height: 450pt;
    width: 45%;
	float: left;
}
#svg-rechts {
    height: 450pt;
	float: right;
	width: 45%;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    font-size:80%;
}
#rechtsonder {
    height: 350px;
    top: 200px;
	float: right;
	width: 33%;
}
#gebruikertabel
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
border: 0px solid;
padding:2px 0px 0px 2px;
}
#gebruikertabel td 
{
border:0px;
text-align:left;
padding:1px 1px 0px 5px;
}
#gebruikertabel th 
{
color: #FFFFFF;
background-color: #005961;
border:0px;
text-align:left;
padding: 5px 1px 10px 5px;
font-weight: normal;

}
#gebruikertabel2
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
border: 1px solid;
padding:2px 0px 0px 2px;
font-size: 80%;
}
#gebruikertabel2 td 
{
border:0px;
text-align:left;
border: 1px solid;
padding:1px 1px 0px 5px;
}
#gebruikertabel2 th 
{
text-align: center;    
color: #FFFFFF;
background-color: #005961;
border:0px;
padding: 5px 1px 10px 5px;
font-weight: normal;
font-size: 100%;
}

#gebruikertabel3
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
border: 1px solid;
padding:2px 0px 0px 2px;
font-size: 70%;
}
#gebruikertabel3 td 
{
border:0px;
text-align:left;
border: 1px solid;
padding:1px 1px 0px 5px;
}
#gebruikertabel3 th 
{
text-align: center;    
color: #FFFFFF;
background-color: #005961;
border:0px;
padding: 5px 1px 10px 5px;
font-weight: normal;
font-size: 100%;
}
#gebruikertabel4
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: small;
border-collapse:collapse;
border: 0px solid;
padding:2px 0px 0px 2px;
}
#gebruikertabel4 td 
{
border:0px;
text-align:left;
padding:1px 1px 0px 5px;
}
#gebruikertabel4 th 
{
color: #FFFFFF;
background-color: #005961;
border:0px;
text-align:left;
padding: 5px 1px 10px 5px;
font-weight: normal;

}
.accelerate-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
   margin-bottom: 1px;
   padding: 1px 1px;
	background-color: #005961;
	border: 0px;
	transition: background-color 0.3s linear 0s;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
   font-size: 12px;
    -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	display:inline-block;
   color: #FFFFFF;
}
.nederland-aoj {
	//background-image: url("https://monitoraoj.nl/wp-content/uploads/2015/02/nederland-aoj1.png");
    background-image: url("https://monitoraoj.nl/wp-content/uploads/2016/04/nederland-aoj.png");
    
	//background-image: url("http://localhost:1089/wp-content/uploads/2015/08/nederland-aoj.png");
    //background-size: contain;
    background-size: 345px 408px;
	background-repeat: no-repeat;
}
.infobox {
	
}


#tabel
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#tabel td, #tabel th 
{
font-size:0.8em;
border:1px solid #98bf21;
text-align:left;
padding:3px 7px 2px 7px;
}
#tabel th 
{
font-size:0.9em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
#tabel tr.alt td 
{
color:#000;
background-color:#EAF2D3;
}

#gebruikertabel3
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
border: 1px;
padding:2px 0px 0px 2px;
font-size: 70%;
}
#gebruikertabel3 td 
{
text-align:left;
padding:1px 1px 0px 3px;
}
#gebruikertabel3 th 
{
text-align: left;    
color: #FFFFFF;
background-color: #005961;
padding: 3px 1px 3px 3px;
}

/* =HEADER
----------------------------------------------- */
#masthead {
}
#header-text-nav-container {
	border-bottom: 1px solid #F2F2F2;
	background-color: #F8F8F8;
}
\
#header-logo-image img {
	margin-bottom: 0px;
}

#site-title a {
	color: #555555;
	font-size: 1px;
}
h1#site-title {
	padding-bottom: 0;
}
#site-title a:hover {
	color: #77CC6D;
}
#site-description {
	line-height: 1px;
	font-size: 1px;
	padding-bottom: 0;
	color: #999999;
}
/*
 Name:         Quiz voor PPJ
 Author:       Erik Jan de Wilde
*/

.knopje, .knopjehalf {
 
    font-family: "Source Sans Pro",sans-serif;
    width: 150px;
    height: 110px;
    color: #eaeaea;
    font-size: 18px;
    font-family: "Source Sans Pro",sans-serif;
    word-wrap: normal;
    text-align: center;
    display: inline-block;
    padding-top:40px;
    vertical-align: middle;
    white-space: normal;
    line-height: 22px;
    cursor: pointer;
    color: #eaeaea;
    text-decoration: none;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
    //padding: 3px 3px 3px 3px;}

.knopjehalf {
//    height: 50px;  
//    padding-top:10px;  
}

.knopje:before, knopjehalf:before {
	
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0D0D0), to(#f0f0f0));
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
	box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;
	
	position: relative;
	content: "";
	left: -6px; right: -6px;
	top: -6px; bottom: -10px;
	z-index: -1;
}

.knopje:active, knopjehalf:active {
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
	top:5px;
}


.blue {
	text-shadow:-1px -1px 0 #2C7982;
	background: #009F95;
	border:1px solid #379AA4;
  	background:#f0f0f0;
    //background-image: url('http://localhost:1089/wp-content/uploads/2015/10/WKZlogostaandRGB.png');
	//background-position-x: 10%;
    //background-size: 100px, 100px;
    //background-repeat: no-repeat;

	background-image:-webkit-linear-gradient(top, #48C6D4, #009F95);
	background-image:-moz-linear-gradient(top, #48C6D4, #009F95);
	background-image:-ms-linear-gradient(top, #48C6D4, #009F95);
	background-image:-o-linear-gradient(top, #48C6D4, #009F95);
	background-image:linear-gradient(top, #48C6D4, #009F95);
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
}

.blue:hover {
	background: #48C6D4;
	background-image:-webkit-linear-gradient(top, #009F95, #48C6D4);
	background-image:-moz-linear-gradient(top, #009F95, #48C6D4);
	background-image:-ms-linear-gradient(top, #009F95, #48C6D4);
	background-image:-o-linear-gradient(top, #009F95, #48C6D4);
	background-image:linear-gradient(top, #009F95, #48C6D4);
}



/* =RESPONSIVE STRUCTURE
----------------------------------------------- */
@media screen and (max-width: 1190px) {
	#page {
		width: 97%;
	}
	.wide #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		float: none;
	}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 400px) {

    #quizvraag {
        //color: #ff00dc;
        color: #009F95;
        line-height: 18px;
        word-wrap: break-word;
        font: 20px/24px Signika !important;
        text-rendering: optimizelegibility;
        display:  block;
        margin-bottom:0px;
        padding: 1px 1% 1px 1%;
    }

    .p_b21, .p_b22, .p_b31, .p_b32, .p_b33, p_b01 {
        font-size: 18px;
        font-family: "Source Sans Pro",sans-serif;
        width: 100%;
        margin-left: 0px;
        height:60px;
    }

    #svgboxlinks {
        height: 110px;
        width: 90%;
    }

    #svgboxmid {
        height: 110px;
        width: 90%;
        margin-left: 0px;
    }

    #svgboxrechts {
        height: 110px;
        width: 100%;
        display:  none;
    }
}