/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: square;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* end reset browser styles */


/* utilities */

/* box-sizine */
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

.clear:after { 
content: "."; display: block; height: 0; clear: both; visibility: hidden; 
}

.clear {
	min-height: 1px;
}

* html .clear {
 height: 1px;
}


  body{font-family: 'Open Sans', sans-serif; font-size: 12px;}
            h1{font-size: 20px; border-bottom: dodgerblue 2px solid;color: dodgerblue;}
            h2{font-family: "Skolar Bold", "Segoe UI Bold", "Roboto Slab", "Droid Serif", AvenirNext-Bold, "Avenir Bold", Georgia, "Times New Roman", Times, serif;
font-weight: 700;
font-style: normal; }
            .blauw, a{color: dodgerblue; font-style: italic;}
            .donkerblauw{color: darkblue; font-weight: bold;}
            .groen{color: forestgreen;}
            .grijs{color: slategray; font-style: italic;}
            input{font-size: 14px;}
            .rood{color: #666666; font-weight: bold;} 
.rood:after{content: " ";} 
            .lijntjeonder{} 
            .schuinenpaars{font-style: italic; color: purple;} 
            .left{float: left; width: 25%;}
             .right{float: right; }
            

#devertaling{border-top: lightgrey 1px solid; padding-top: 10px;
border-bottom: lightgrey 1px solid; padding-bottom: 10px; display: none;} 


h1 {
	
	font-weight: normal;
}

h2 {
	
	font-weight: normal;
	margin-bottom: 5px;


}

h3 {
	
	font-weight: normal;
	margin-bottom: 5px;
    color: #41b7d8;
    font-size: 13px;
}

.info{   
    margin-top: 15px; 
    margin-bottom: 25px;
    line-height: 140%;
    background-color: aliceblue;
    border: dotted 1px grey;
    border-radius: 5px;
    font-weight: 500;
    padding: 12px;
    }

.linknaaranderetaal{   
   padding-bottom: 25px;
    border-bottom: solid 2px #2196f3;
   
    font-weight: 500;

    }

.linknaaranderetaal a{   
   text-decoration: none;
font-size:larger;
    padding-top:10px;
    }

#devertaling
{   font-size: larger; 
    margin-top: 15px; 
    line-height: 140%;
    }

header {
	
	margin-top: 10px;
	vertical-align: middle;

	height: auto;
	padding: 10px 0 5px 0;
    margin-bottom: 20px;
	color: dimgray;
	
	border-bottom: lightgrey 0px solid;
	font-size: 24px;
}

header .amp {

}

.wrapper {
	margin-top: 10px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
   
}

.main {
	padding-bottom: 1em;
	border-bottom: solid 1px rgba(255,255,255,.5);
}

.main h1 {


	text-shadow: 1px 1px 1px rgb(255,255,255);

    
	margin-bottom: 0.5em;
}

.content {
	/*max-width: 760px;*/
	margin: 0 auto;
	padding-bottom: 100px;
}

.klik, .klik2 {
	cursor: pointer;
	background-image: url("../images/info.png");
    display: inline-block;
    background-repeat: no-repeat;
    line-height: 28px;
    padding-left: 22px;
    margin-left: 0;
}


.infowrapper {
	margin-left: 22px;
   
 
}


.extra {
	
}


table, th, td {
    border: 0px solid black;
    border-collapse: collapse;
    vertical-align: middle;
}
th, td {
    padding: 5px;
    text-align: left;    
}

tr {
    border-bottom: 1px solid #EEE;
}


footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: white;
    color: darkgray;
    padding-left: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: solid 1px darkgray;
    margin-top: 15px;
    z-index: -1000;
    
   height: 90px;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

footer p {
	text-align: center;
	font-size: 14px;
	
	padding: .5em .25em .5em 1em;
	color:rgb(255,255,255);
	margin: 0;
}

footer a {
	color: rgb(200,200,200);
}

p , li, legend , form, #demo{

	color: rgb(100,100,100);
	
	line-height: 125%;
	margin-bottom: 10px;
}

fieldset {
	padding: 10px;
	border: 1px solid #888;
	margin: 25px 0;	
}

.nav {
	margin: 10px 0 0 100px;	
}

.nav li {
	display: inline-block;	
}

.nav a, .example {
	display: inline-block;
	
	font-size: 12px;
	color: rgb(100,100,100);
	text-decoration: none;
	border-radius: 0.25em;
	padding: .25em .5em;
	background-color: rgba(255,211,224,.5);
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
	cursor: pointer;
}

.nav a:hover, .example:hover{
	background-color: rgba(255,255,255,.85);
	color: rgb(0,0,0);
}



input {
	
}


form#signup .label {
	
}


form#order select, form#signup select {
	display: inline-block;
	margin-top: 8px;	
}

form#order input[type="radio"], form#signup input[type="radio"], form#signup input[type="checkbox"] {
   display: inline-block;
   margin-top: 10px;	
}

form .indent, #submit {
	margin-left: 215px;	
}

.clearLeft {
	clear: left;
}
.imgRight {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.imgLeft {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}

            @media (max-width: 480px) {
                .wrapper, .content, .main{width: 100%; padding: 0; margin: 0;}
                .wrapper{padding: 8px; }
                 .content{padding-bottom: 5px; }
                
                button, #zoekhetwoord{font-size: 16px; }
                body{font-size: 15px; padding: 0; margin: 0; }
                h2{font-size: 16px; }
                  #devertaling{width: auto; padding: 5px; }
                .linknaaranderetaal a{   
                      
font-size: 15px;
                    }
                footer, footer div {
                    
                    position: static;
                    width: 100%;
                    vertical-align: middle;
                    height: auto;
                    
                   /* padding: 0;
                    margin: 0;*/
                   
                    }
                }