header, section, footer, aside, nav, article, figure, figcaption, tekst{
				display: block;}
			
  				
            .knop {
                padding: 4px 4px;
                text-align: left;
                text-decoration: none;
                display: inline-block;
                font-size: 15px;
                margin: 4px 2px;
                -webkit-transition-duration: 0.4s; /* Safari */
                transition-duration: 0.4s;
                cursor: pointer;
                border-radius: 5px; }

            .knop1 {
                background-color: #336699;
                color: #fff; 
                border: 1px solid #336699;
                box-shadow: 0 4px #999;}/*kleur schaduw + hoogte schaduw*/
            .knop1:hover {
                background-color: #CEDBE8;
                color: #336699;
                border: 1px solid #336699;}

            .knop2 {
                background-color: #CEDBE8;
                color: #336699; 
                border: 1px solid #336699;
                box-shadow: 0 4px #999;}/*kleur schaduw + hoogte schaduw*/
            .knop2:hover {
                background-color: #336699;
                color: #CEDBE8;
                border: 1px solid #336699;}

            .knop3 {
  				padding: 0px 10px;
  				font-size: 15px;
  				cursor: pointer;
  				text-align: center;
  				text-decoration: none;
  				outline: none;
  				color: #336699;
  				background-color: ;/*kleur knop*/
  				-webkit-transition-duration: 0.4s; /* Safari */
                transition-duration: 0.4s;
                border: none;
  				border-radius: 5px;
  				box-shadow: 0 0px #999;}
			.knop3:hover {
				color: #fff;
				background-color: #336699;}
            
            .knop4 {
            	width: 190px;
            	text-align: center;
                background-color: #336699;
                color: #fff; 
                border: 1px solid #336699;
                box-shadow: 0 4px #999;}/*kleur schaduw + hoogte schaduw*/
            .knop4:hover {
                background-color: #fff;
                color: #336699;
                border: 1px solid #336699;}
            
            .knop5 {
            	width: 390px;
            	text-align: center;
                background-color: #CEDBE8; 
                color: #336699;
                border: 1px solid #336699;
                box-shadow: 0 4px #999;}
            .knop5:hover {
               background-color: #336699;
                color: #fff;
                border: 1px solid #336699;}
            
             .knop6 {
            	width: 390px;
            	text-align: center;
                background-color: #CEDBE8; 
                color: #336699;
                border: 1px solid #336699;
                box-shadow: 0 4px #999;}
            .knop6:hover {
               background-color: #336699;
                color: #fff;
                border: 1px solid #336699;}
                
             .knop7 {
            	width: 50px;
            	text-align: center;
                background-color: #CEDBE8; 
                color: #336699;
                border: 1px solid #336699;
                box-shadow: 0 4px #999;}
            .knop7:hover {
               background-color: #336699;
                color: #fff;
                border: 1px solid #336699;}
            
            .knopmenu {
                width: 190px;
                background-color: #336699;
                color: #fff; 
                border: 1px solid #fff}
            .knopmenu:hover {
                background-color: #fff;
                color: #336699;
                border: 1px solid #336699;}

            .knopmenu1 {
                width: 390px;
                background-color: #336699;
                color: #fff; 
                border: 1px solid #fff}
            .knopmenu1:hover {
                background-color: #fff;
                color: #336699;
                border: 1px solid #336699;}

            .knopmenu2 {
                width: 600px;
                background-color: #336699;
                color: #fff; 
                border: 1px solid #fff}
            .knopmenu2:hover {
                background-color: #fff;
                color: #336699;
                border: 1px solid #336699;}

           .knopzij {
                width: 180px;
                background-color: #CEDBE8; 
                color: #336699;
                border: 1px solid #336699;
                box-shadow: 0 4px #999;}
            .knopzij:hover {
                background-color: #336699;
                color: #fff;
                border: 1px solid #336699;}

            

            .toets {
                text-align: left;
                text-decoration: none;
                display: inline-block;
                font-size: 15px;
                margin: 0px 4px;}
            .toets1 {
                padding: 2px 20px;
                background-color: lightgray;
                color: #000;
                border: 1px solid #000;
                border-radius: 0px;}
            .toets2 {
                padding: 2px 2px;
                background-color: white;
                color: #000;
                border: 1px solid #000;
                border-radius: 5px;}