body {
background-color: #1F2E4C;
overflow: hidden;
}


#inhoud {top: 0px;
      width: 75%; height:412px;
      /* background-color: #1F2E4C; */
      background: url('../images/bos4.jpg');
      margin-right: auto;
      margin-left: auto;
      margin-top: 0%;
      border: 3px solid white;
box-shadow: inset 0 0 2px 6px black;
 border-radius: 4em;
      }


#blokmidden {
      margin-right: auto;
      margin-left: 79px;
}

#nav
{
      margin-top: 120px;
      width:98%;
      background:green;
      margin-right: auto;
      margin-left: auto;
}



a:link {color: blue; text-decoration:none}
a:visited {color: blue; text-decoration:none}

#headd {
 text-align:center;
 margin-top:15px;
 margin-left: 60px;
 box-shadow: inset 0 0 2px white;
 font-family:Courier;
 color:yellow;
 font-size:2em;
 font-weight:bold;
 border: solid 1px black;
 padding:0.1em;
 width:90%;
 text-shadow: 0 4px 4px 4px black;
}



.naamz {
 width:80px;
 height:80px;
 color:#EAEAFA;
 font-family:Arial;
 font-size:65px;
 text-align:center;
 border:2px solid black;
 border-top-left-radius: 30px 30px;
 border-top-right-radius: 30px 30px;
 border-bottom-right-radius:30px 30px;
 border-bottom-left-radius: 30px 30px;
 box-shadow: inset 0 3px 20px white;
 text-shadow:1px 4px 4px 3px black;
}





.naam {

      border: 2px solid black;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
      box-shadow: inset 0 3px 20px white;
      text-shadow: 1px 4px 4px 3px black;
} 





.naamlblokonderd {
	width:65%;
	 padding:10px;
         margin:auto;
         border:solid 1px #556699;
         background-color: white;
}




#knop1 {
background-color: white;
width: 100px;
height: 20px;

margin-left: 12px;
margin-right: 10px;
float: left;
color: white;
font-family: Arial;
font-size: 15px;
text-align: center;
      border: 1px solid lightblue;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
box-shadow: inset 0 0 2px 2px black;
} 

#knop1a {
background-color: white;
float: left;
width: 100px;
height: 20px;
margin-left: 12px;
margin-right: 10px;

color: white;
font-family: Arial;
font-size: 15px;
text-align: center;
      border: 1px solid lightblue;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
box-shadow: inset 0 0 2px 2px black;
} 


#knop2 {
background-color: white;
float: left;
width: 100px;
height: 20px;
margin-left: 12px;
margin-right: 10px;
color: white;
font-family: Arial;
font-size: 15px;
text-align: center;
      border: 1px solid lightblue;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
box-shadow: inset 0 0 2px 2px black;
} 

#knop3 {
background-color: white;
float: left;
width: 100px;
height: 20px;
margin-left: 12px;
margin-right: 10px;
color: white;
font-family: Arial;
font-size: 15px;
text-align: center;
      border: 1px solid lightblue;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
box-shadow: inset 0 0 2px 2px black;
} 

#knop4 {
background-color: white;
float: left;
width: 100px;
height: 20px;
margin-left: 12px;
margin-right: 10px;
color: white;
font-family: Arial;
font-size: 15px;
text-align: center;
      border: 1px solid lightblue;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
box-shadow: inset 0 0 2px 2px black;
} 


#knop5 {
background-color: white;
float: left;
width: 100px;
height: 20px;
margin-left: 0px;
margin-right: 10px;
color: white;
font-family: Arial;
font-size: 15px;
text-align: center;
      border: 1px solid lightblue;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
box-shadow: inset 0 0 2px 2px black;
} 

#blok2 {
margin:auto;
 margin-top:10px;
 text-align:center;
 height:81px;
 width:auto;
}



#blok2inh {
 margin:auto;
 width:99%;
}


#linkblok {
 text-align:center;
 float:left;
 margin-top:5px;
 margin-left: 60px;
 background:white;
 box-shadow: inset 0 0 2px white;
 font-family:Courier;
 color:#334433;
 font-size:1em;
 border: solid 1px black;
 padding:0.2em;
 width:99%;
}



.naamrijtwee {
background-color: #1F2E4C;
width: 100px;
height: 17px;
margin-top:188px;
margin-left: 12px;
margin-right: 10px;
float: left;
color: white;
font-family: Arial;
font-size: 15px;
text-align: center;
      border: 2px solid black;
      border-top-left-radius: 30px 30px;
      border-top-right-radius: 30px 30px;
      border-bottom-right-radius: 30px 30px;
      border-bottom-left-radius: 30px 30px;
} 

  #abcd" {
  position: relative; z-index:0; border: solid 1px red; width:744px; background:red; margin-left:0px;
}

  #abcd2 {
position:relative; z-index:0; width:1px; height:152px; margin-top:-2px; background:red;
}

.blokjesRondom {
 float:left;
 width:3%;
 height:22px;
 width:23px;
 z-index:0;
 border:solid 1px orange;
 background-color:cornflowerblue;
}

#blokblok {
 margin:auto;
 width:98%;
 height:402px;
 margin:auto;
}

#linkblok {
 float:left;
 width:99%;
 height:401px;
 font-size:14pt;
 z-index:0;
 border:solid 3px black;
 margin-left:0px;
 margin-top:0px;
}

#dlinks {
/* position:relative; */
 clear:both;
 float:left;
 width:21px;
 height:101%;
 background-image:linear-gradient(to bottom,silver,white);
 z-index:0;
 border:solid 3px silver;
 box-shadow:inset 0 0 2px 2px gray;
 border-radius:5em;
 background-color:#1F2E4C;
 color:lightblue;
 font-size:12pt;
 text-align:center;
}

#dhoog {
 float:left;
 background-color:#1F2E4C;
 width:91.5%;
 height:22px;
 z-index:0;
 border:solid 3px silver;
 box-shadow:inset 0 0 2px 2px gray;
 border-radius:5em;
 color:lightblue;
 font-size:12pt;
 text-align:center;
}

#dlaag {
/* position:relative; */
 float:left;
 width:91.5%;
 height:22px;
 z-index:0;
 border:solid 3px silver;
 box-shadow: inset 0 0 2px 2px gray;
 border-radius:5em;
 background-color:#1F2E4C;
 color:lightblue;
 font-size:12pt;
 text-align:center;
}



#drechts {
/*  position:relative; */
 float:left;
 width:21px;
 height:102%;
 z-index:0;
 border:solid 3px silver;
 box-shadow: inset 0 0 2px 2px gray;
 border-radius:5em;
 background-color:#1F2E4C;
 color:lightblue;
 font-size:12pt;
 text-align:center;
}



@media only screen and (max-width: 1000px) {

#inhoud {
 top: 0px;
 width: 99%;
 height:412px;
}

#dhoog {
 width:81.5%;
}

#dlaag {
 width:81.5%;
}

#blokblok {
 width:99%;
}

#linkblok {
margin-left:auto;
margin-right:auto;
width: 93%;
 font-size:10pt;
}


#blok2 {
 height:41px;
 width:auto;
}


#headd {
width: 79%;
 margin-top:2px;
font-size:1.0em;
}

.naamz {
 width:30px;height:30px;
 font-size:1.4em;
 border-top-left-radius: 15px 15px;
 border-top-right-radius: 15px 15px;
 border-bottom-right-radius:15px 15px;
 border-bottom-left-radius: 15px 15px;
}


#blok2inh {
 margin:auto;
 width:85%;
}




  #abcd" {
/*  z-index:0; border: solid 1px red; width:744px; background:red; margin-left:0px; */
}

  #abcd2 {
/*  z-index:0; width:1px; height:152px; margin-top:-2px; background:red; */

}



}