/* Gevalideerde stylesheet 20122013 */

html {
height: 101%; /* setting height to 101% forces scroll bar to display */
}
html { min-height: 100%; padding-bottom: 1px; }

body {
margin: 0px;
padding: 0px;
border: 0px;
font-family: georgia, serif;
font-size: 100%;
background: url(../afbeeldingen/bgzwart2.jpg) #70615C;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
background-size: cover; 
}

#container {
width: 960px;
margin: 50px auto 30px auto;
background: #DBCDB4;
border: solid 2px #FFCA59;
-moz-box-shadow: 6px 8px 20px #000; 
-webkit-box-shadow: 6px 8px 20px #000; 
box-shadow: 6px 8px 20px #000;
text-align: left;
}

#kop {
margin: 0; 
border: 0;
}

#strip {
border-top: 2px dotted #B7A894;
border-bottom: 2px dotted #B7A894;
margin-bottom: 5px; 
}

#links {
float: left;
width: 14px;
}

#midden {
float: left;
width: 620px;
}

#showcase {
margin: 5px 0 5px 0;
}

#hoofdtekst {
width: 580px;
padding: 10px 20px 20px 20px;
margin-top: 3px;
background-color: #fafafa;
font-size: 115%; 
color: #494949;
}

#rechts {
float: left;
width: 320px;
}

#menu {
margin: 5px 0 0 0;
width: 306px;
}

#menu ul{
list-style-type: none;	
}

#menu ul li{
background-color: #CEBFAB;
padding: 3px 2px 3px 15px;
margin-bottom: 1px;
font-family: verdana, "sans-serif";
font-size: 100%;
color: #70615C;
}	

#menu li a{
text-decoration: none;
color: #fff;
font-weight:bold;
}

#menu ul ul li{
background-color: #CEBFAB;
border-top: solid 1px #DECFBB;
}	

#menu ul ul li a{
color: #70615C;
}

#menu ul li a:hover{
color: #E42B94;
font-weight: bold;
}

#margetekst1 {
margin: 30px 10px 0 20px;
padding: 0; }

#margetekst2 {
margin: 10px 10px 0 20px;
padding: 0; }

#margetekst2 li {
padding-bottom: 15px;
}

#margetekst2 h2 {
margin-bottom: 20px;
}

#footer {
padding: 10px 20px;
font-size: 70%;
clear: both; }

p {
font-size: 80%;
text-align: left; }


h1 {
font-size: 100%;
text-align: center;
background: #F0E8D9;
color: #504A42;
padding: 5px; }

h2 {
font-size: 90%;
color: #504A42;
padding: 5px; }

h3 {
font-size: 80%;
font-style: italic;
color: #504A42;
padding: 5px; }

ul, ol {
margin: 0 5px 0 10px;
padding: 0; 
font-size: 80%;}
 
a:link {
text-decoration: none;
color: #9E509A; 
}

a:visited {
color: #9E509A; 
}

a:hover {
color: #E42B94; 
}

a:active {
color: #E42B94;
}

hr {
border-top: 1px solid #888;
}

img {
border: 0;
}	

.gecenteerd{
text-align: center;
}
	
.vet {
font-weight: bold;
}

.schuin {
font-style: italic;
}

.vetschuin{
font-weight: bold;
font-style: italic;
}

.bruin1 {
color: #70615C;
}

.bruin2 {
color: #504A42;
font-weight: bold;

}
.geel1 {
color: #ffdd92;
}

.geel2 {
color: #ffdd92;
font-weight: bold;
}

.rood1 {
color: #95000B;
font-weight: bold;
}

.paars1 {
color: #8B0A50;
font-weight: bold;
}

.paars2 {
color: #E42B94;
font-weight: bold;
}

.wit1 {
color: #ffffff;
font-weight: bold;
}
