/* copyright De Stijlerij 2009 */

body{
background-color:#8b814c; /*  andere opties -  warmbruin: #8b7355, chocolade: #3e2f28, oranjebruin: #d2691e */
font-family: Georgia, "Lucida Sans Unicode", Verdana, Helvetica, Tahoma, Sans-Serif;
font-size:62.5%; /* 1em = 10px */
color:#fff; /* tekstkleur */
padding:0;
margin:0;
background-image:url(../images/achtergrond.jpg);}

/* alle divs */
* {margin:0; padding:0;}



img.download {vertical-align:middle;}

/* container */
#container{ 
width:960px;
height:575px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background-color:transparent;}


#header{
width:958px;
height:100px;
border-top:1px solid #3e2f28;
border-left:1px solid #3e2f28;
border-right:1px solid #3e2f28;
background:#fff url(../images/header.jpg) no-repeat;} 


#blok1{
height:320px; 
width:961px; 
background-color:transparent;}




#blok1a{
float:left;
width:319px;
height:319px;
border-left:1px solid #3e2f28;
border-bottom:1px solid #fff;
background:#fff url(../images/blok1a.jpg) no-repeat;}

#blok1b{
float:left;
width:159px;
height:319px;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
background:#fff;}


#blok1c{
float:left;
width:479px;
height:320px;
overflow:auto;
border-right:1px solid #3e2f28;
background-color:#fff;}


#blok1c-eenmalig{
float:left;
width:479px;
height:320px;
overflow:auto;
border-right:1px solid #3e2f28;
background:#fff url(../images/bg-eenmalig.jpg);}


#menubalk{
width:960px;
height:15px;
position:absolute;
text-align:right;}

  

.menu{
list-style-type:none;
white-space:nowrap;
padding-top:78px;
padding-left:319px;}



.li1{
float:left;
min-width:100px;
background-color:#800000;
border-left:1px solid #fff;}

.li2{
float:left;
min-width:100px;
background-color:#854f33;}

.li3{
float:left;
min-width:100px;
background-color:#6c5f03;}

.li4{
float:left;
min-width:100px;
background-color:#8b814c;}

.li5{
float:left;
min-width:100px;
background-color:#c3bea1;}



.menu a{
position:relative;
display:block; 
text-decoration:none; 
min-width:100px; 
float:left;}

/**html .menu a{width:100px;}*/

.menu a span{
display:block; 
color:#fff; 
font:1.2em "Palatino Linotype", Georgia;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
text-align:center;
font-weight:normal; 
padding:2px 16px;}

* html .menu a span{
width:100px; 
w\idth:66px;
cursor:pointer;}

.menu a b{display:block;}
.menu a em{display:none;}

.menu a:hover{background:#fff;}
.menu a:hover span{color:#fff; background:#3e2f28;}

.menu a:hover em{
display:block; 
overflow:hidden; 
border:6px solid #fff; 
border-color:#3e2f28 #fff; 
border-width:6px 6px 0 6px; 
position:absolute; 
left:50%; 
margin-left:-6px;}




#blok1c-tekst{
padding:20px 25px 10px 5px;
font:1.2em "Palatino Linotype", Georgia;
line-height:1.5em;
color:#555;}


#blok1c-tekst a{color:#555;}

p{margin-bottom:12px;}
h1{font:1.4em "Palatino Linotype", Georgia; font-weight:bold; font-style:italic; color:#bb8322; margin-bottom:5px;}
h2{font:1.2em "Palatino Linotype", Georgia; font-weight:bold; font-style:italic; color:#8b814c;}
h4{font:1.2em "Palatino Linotype", Georgia; font-weight:bold; font-style:italic; color:#8b814c;}

.comment{color:red;}




#blok-programma{
float:left;
width:639px;
height:320px;
overflow:auto;
border-right:1px solid #3e2f28;
background-color:#fff;}


#blok-programma-tekst{
padding:20px 25px 10px 5px;
font:1.2em "Palatino Linotype", Georgia;
line-height:1.5em;
color:#555;}


#blok-programma-tekst a{color:#555;}

#blok-programma table{
width:426px;}

#blok-programma td{
width:213px;
text-align:center;}

img{border: 1px solid #8b814c;}





#blok1c-tekst ol li{margin-bottom:12px;}
#blok1c-tekst ul li{margin-bottom:12px; list-style-type:square; margin-left:14px; color:#bb8322;}


#sublist1, #sublist2{list-style-type: lower-alpha;}

#list-bf{list-style-type:square; text-align:center;}
.list-bf{font-size:1em; color:#8b814c;}













#blok2{
clear:both;
height:135px; 
width:964px;
background-color:transparent;}


#blok2a{
float:left;
width:319px;
height:135px;
position:relative; 
border-left:1px solid #3e2f28;
background:#fff url(../images/blok2a.jpg) no-repeat;}


#blok2b{
float:left;
width:159px;
height:135px;
position:relative; 
border-left:1px solid #fff;
background:#fff url(../images/blok2b.jpg) no-repeat;}


#blok2c{
float:left;
width:319px;
height:135px;
position:relative; 
border-left:1px solid #fff;
background:#fff url(../images/blok2c.jpg) no-repeat;}


#blok2d{
float:left;
width:158px;
height:135px;
position:relative; 
border-left:1px solid #fff;
border-right:1px solid #3e2f28;
background:#fff url(../images/blok2d.jpg) no-repeat;}

#footer{
height:15px;
width:958px;
border-top:1px solid #3e2f28;
border-left:1px solid #3e2f28;
border-right:1px solid #3e2f28;
border-bottom:1px solid #3e2f28;
background:transparent url(../images/footer.jpg) no-repeat;}

#credits{
text-align:center;
color:#fff;
font:1em Tahoma;}

#credits a{
text-align:center;
color:#fff;
font:1em Tahoma;
text-decoration:none;}