/* style sheet bij opbouw */

body {
background: white url(clips/streep1.jpg);
font-family: "Arial, Verdana, Helvetica", sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
}




#top {
position: absolute;
left: 6%;
top: 84px;
width: 91%;
height: 15px;
font-size: 70%;
border-style: solid none none none;
border-width: 1px;
border-color: #bf5930;
background: #009999;
}


#inhoud {
position: absolute;
top: 100px;
left: 23%;
width: 55%;
background: white;
padding: 1%;
border-width: thin 0 thin 0;
border-style: solid;
border-color: #bf5930;
color: #444;
line-height: 130%;
}



#navigatie {
position: absolute;
top: 100px;
left: 6%;
width: 15%;
background: #d1e5ce; 
margin: 0;
padding: 1%;
border-width: thin 0 thin 0;
border-style: solid;
border-color: #bf5930;
}

ul.menu {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

.menu li {
font-variant: small-caps;
border-style: none none solid none;
border-color: #ff9b73;
border-width: 1px;
padding: 6px 0 9px 9px;
}


.menu a {
text-decoration: none;
display: block;
}

a.menu:link {
color: black;
}

a.menu:visited {
color: #555;
}

a.menu:hover {
background: #ff9b73;
color: black;
text-decoration: underline;
}

a.menu:active {
color: #007241;
background: #ff7640;
}


#terzijde {
position: absolute;
top: 100px;
left: 80%;
width: 15%;
background: #d1e5ce; 
color: black; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
padding: 1%;
border-width: thin 0 thin 0;
border-style: solid;
border-color: #bf5930;
}


h1 {
font-family: "Century Gothic", sans-serif;
font-size: 200%;
font-weight: normal;
color: #007241;
text-align: center;
padding: 15px 0 10px 0;
}

h2 {
font-size: 150%;
font-weight: normal;
color: #a62f00; 
text-align: center;
line-height: 130%;
}


h3 {
font-variant: small-caps;
font-weight: normal;
}

h4 {
font-size: 90%;
font-weight: bold;
}

h5 {
font-size: 95%;
color: #a62f00;
font-weight: bold;
}

p1 {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
}


div.fotoos {
text-align: center;
padding: 3px 0 7px 0;
}

div.fotoos p {
text-align: center;
}


img {
border-width: 0px;
border-style: none;
}


img.rechts {
float: right;
margin: 0px 0px 6px 12px;
}

img.aanhef {
float: left;
margin: 0 12px 6px 0;
}


img.award {
float:right;
margin: 0 4px 10px 0;
}

.artikelbegin {
clear: left;
}


p.materiaal {
clear: both;
text-align: right;
font-size: 80%;
color: #007241;  /*donkerste groen*/
}

p.commentaar {
font-size: 80%;
background: #ffe4ca;
clear: both;
}


a.webpagina:link {
color: #bf5b30;
text-decoration: underline;
}

a.webpagina:visited {
color: #bf5b30;   
}

a.webpagina:hover {
color: #bf5b30;  
background: #ff9d73; 
text-decoration: none;
}

a.webpagina:active {
color: #fff;    
background: #ff7940;    
text-decoration: none;
}


span.huidig {
font-variant: normal;
font-weight: normal;
font-size: 90%;
color: #fff;
background: #a62f00;
padding: 0.1em 0.3em;
}

#voet {
position: fixed;
bottom: 0;
left: 0;
}


.kader {
padding: 2%;
}


ul.alg {
margin: 0;
padding: 0;
}

ul.alg li {
list-style: none;
font-weight: bold;
border-style: none;
color: maroon;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

ul.alg li li a {
text-decoration: none;
}

ul.alg li li a:link, ul.alg li li a:visited {
color: #00af64; 
font-weight: normal;
}

ul.alg li li a:hover {
background: #ff9b73;
color: #fff;
font-weight: normal;
}


ul.alg li li a:active {
background: #ff7640;
}

ul li li p {
font-size: 60%;
color: #e47c00;
}

ul.award {
margin:0;
padding: 0;
}
 

.award li {
list-style: none;
font-size: 70%;
padding: 0 0 0 5px;
}

.award p {
clear: right;
margin: 0 0 20px 0;
}

strike {
color: #e47c00;
}

ul.nieuws {
font-family: " Arial, Verdana, Helvetica", sans-serif;
}

.nieuws li {
padding: 10px 0 6px 0;
}

p.nieuws {
text-align: center;
font-size:120%;
padding: 12px 0 12px 0;
}

.centrum {
text-align: center;
width: 77px;
margin: auto;
background-color: #d1e5ce;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

.centrum img {
border-top:2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

.logo  {
border-style: solid;
border-width: 2px;
border-color: #007241;
}

p#instructie {
font-style: italic;
padding: 0% 0% 0% 40%;
font-size: 70%;
}

p.antwoord {
color: #00a08a;
background: #00a08a;
border: solid 1px #e47c00;
text-align: center;
}

p.antwoord:hover {
color: black;
text-align: center;
}

.uitleg {
font-size: 90%;
line-height: 130%;
padding: 2%;
text-indent: -1em;
}

.patroon {
margin: 10px 0 0 60%;
font-family: "Arial narrow", sans-serif;
font-size: 90%;
color: #007142;
line-height: 100%;
}

a.download:link {
color: #007142;
background:  #ccffff;
font-weight: bold;
margin: 0 0 0 60%;
}

a.download:visited {
text-decoration: underline;
color: #007142;
background: #ccffff;
margin: 0 0 0 60%;
font-weight: normal;
}

 a.download:hover {
text-decoration: none;
background: #99ffff;
color: #007142;
margin: 0 0 0 60%;
}

a.download:active {
text-decoration: none;
background:#cccc99; 
color: #fff;
margin: 0 0 0 60%;
}

ul.top {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.top li {
display: inline;
}

ul.top li a {
float: left;
width: 5em;
padding: 0.1em 0.4em;
text-decoration: none;
border-right: 1px solid #fff;
text-align: left;
}


ul.top li a:link {
color: #99ff66; /*ffc173*/
}

ul.top li a:visited {
color: #ccffcc;
}

ul.top li a:hover {
color: teal;                  
background: #ffcc99; 
text-decoration: underline;
}


ul.top li a:active {
color: #003333;
background: #ff9966;
text-decoration: none;
}

span.top  {
background: #a62f00;;
color: #fff;
padding: 0 0.3em 0 0.3em;
}



#container {
width: 500px;
margin: 50px 0 0 50px;
background: #fff;
color: #444;
border: 1px solid #bf5930;
line-height: 130%;
}


#head {
width: 500px;
height: 30px;
background: transparent;
}

#head h1 {
font-family: "Century Gothic", sans-serif;
color: #336666;
font-size: 1.1em;
font-weight: normal;
margin: 0;
padding: 0;
}

#contacttop {
background: #009999;
border-bottom: 1px solid #bf5930;
height: 20px;
}

#contact h1  {
color: teal;
font-size: 1.2em;
text-align: left;
margin: 0.5em 0;
padding: 0;
}




#contact {
background: white;
padding: 1%;
border: 1px solid #bf5930;
color: #444;
line-height: 130%;
}

ul.contacttop {
padding: 0;
margin: 0;
list-style: none;
}

ul.contacttop li {
display: inline;
}

ul.contacttop li a {
float: left;
width: 5em;
padding: 0.1em 0.5em;
text-decoration: none;
border-right: 1px solid #fff;
text-align: left;
font-size: 80%;
color: #c0c0c0;
}


ul.contacttop li a:link {
color: #99ff66; /*ffc173*/
}

ul.contacttop li a:visited {
color: #cccc00;
}

ul.contacttop li a:hover {
color: teal;                  
background: #ffcc99; 
text-decoration: underline;
}


ul.contacttop li a:active {
color: #003333;
background: #ff9966;
text-decoration: none;
}


fieldset {
border: 2px solid #009999;

}

legend {
font-style: italic;
font-size: small;
color: #a62f00;
padding: 0.5em;
}

#bedankttop {
position: absolute;
left: 23%;
top: 84px;
width: 57%;
height: 15px;
font-size: 70%;
border-style: solid none none none;
border-width: 1px;
border-color: #bf5930;
background: #009999;
}

ul.bedankttop {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.bedankttop li {
display: inline;
}

ul.bedankttop li a {
float: left;
width: 5em;
padding: 0.1em 0.4em;
text-decoration: none;
border-right: 1px solid #fff;
text-align: left;
}


ul.bedankttop li a:link {
color: #99ff66; /*ffc173*/
}

ul.bedankttop li a:visited {
color: #333;
}

ul.bedankttop li a:hover {
color: teal;                  
background: #ffcc99; 
text-decoration: underline;
}


ul.bedankttop li a:active {
color: #003333;
background: #ff9966;
text-decoration: none;
}