/* copyright De Stijlerij 2008 */

body{
font-family: Verdana;
font-size: 62.5%; /* 1em = 10px */
padding:0;
margin:0;
color:#4d4834;
background:rgb(159,178,184);} /* blauw */


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



/* container */
#container{
width:953px;
min-height:570px;
height:auto !important;
height:570px;
margin:0 auto;
margin-top:10px;
background-color:rgb(159,178,184);
/*overflow:hidden;*/ /* hack om in FireFox de kolommen even lang te maken bij langere tekstkolom */}


#header{
width:950px;
height:175px;
background:rgb(195,229,241) url(../images/header.jpg);
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;} 


#menu{font:1.2em Georgia; 
height:42px; 
width:950px; 
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff; 
background-color:#fff;}

#menu a{color:#fff; text-decoration:none;}

#menu-a, #menu-b, #menu-c, #menu-d, #menu-e, #menu-f, #menu-g, #menu-h{
float:left; width:89px; padding:4px 7px 2px 7px; height:36px; margin-right:1px;}

#menu-i{float:left; width:104px; height:36px; padding:4px 7px 2px 7px;}


#menu-a:hover, #menu-b:hover, #menu-c:hover, #menu-d:hover, #menu-e:hover, #menu-f:hover, #menu-g:hover,
#menu-h:hover, #menu-i:hover{
background-color:#d06b00;}

#menu-a{background-color:#975;}
#menu-b{background-color:#9fb0b7;}
#menu-c{background-color:#981;}
#menu-d{background-color:#940;}
#menu-e{background-color:#cdad00;}
#menu-f{background-color:#689;}
#menu-g{background-color:#b48c2a;}
#menu-h{background-color:#995;}
#menu-i{background-color:#9cd;}


#blok1{
float:left;
width:207px;
min-height:351px;
height:auto !important;
height:351px;
position:relative; 
border-left:1px solid #fff;
border-bottom:1px solid #fff;
background:#d06b00 url(../images/bgleft.jpg);}


#blok2{
float:left;
width:415px;
min-height:351px;
height:auto !important;
height:351px;
position:relative; 
background:#c9ba9d;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;}


#blok3
{float:right;
width:328px;
min-height:351px;
height:auto !important;
height:351px;
border-bottom:1px solid #fff;
background:transparent;}



#blok1 ul{
padding: 30px 0px 5px 0px;
color:#9fb0b7;
list-style:none;
font:1.2em Georgia;}
#blok1 ul li{margin-left:5px; margin-bottom:7px; border-bottom:1px solid #fff;}
#blok1 a{color:#fff; text-decoration:none;}
#blok1 a:hover{color:#940;}
#blok1 .actief{font-weight:bold;}

#blok1 p{padding:20px; color:#fff;}
#blok1 p a{text-decoration:underline;}

#blok2-tekst{
padding:20px 15px 5px 15px;
line-height:1.7em;}

#blok3a1, #blok3a3, #blok3a4, #blok3a5, #blok3a5a, #blok3a5b, #blok3a5c, #blok3a5d, #blok3a5e, #blok3a5f, 
#blok3a6, #blok3a6a, #blok3a6b, #blok3a7, #blok3a7a, #blok3a8, #blok3a8a,  #blok3a8c, 
#blok3a8e, #blok3a9
{position:relative; height:260px; width:326px; border-right:1px solid #fff; background-repeat:no-repeat;}

#blok3a2, #blok3a5g, #blok3a5h, #blok3a8b, #blok3a8d, #blok3a8f
{position:relative; height:520px; width:326px; border-right:1px solid #fff; background-repeat:no-repeat;}
#blok3a4a{position:relative; margin:0; padding:0; height:780px; width:326px; border-right:1px solid #fff; background-repeat:no-repeat;}

#blok3a1{background-image: url(../images/3a1.jpg);}
#blok3a2{background-image: url(../images/3a2.jpg);}
#blok3a3{background-image: url(../images/3a3.jpg);}
#blok3a4{background-image: url(../images/3a4.jpg);}
#blok3a4a{background-image: url(../images/3a4a.jpg);}
#blok3a5{background-image: url(../images/3a5.jpg);}
#blok3a5a{background-image: url(../images/3a5a.jpg);}
#blok3a5b{background-image: url(../images/3a5b.jpg);}
#blok3a5c{background-image: url(../images/3a5c.jpg);}
#blok3a5d{background-image: url(../images/3a5d.jpg);}
#blok3a5e{background-image: url(../images/3a5e.jpg);}
#blok3a5f{background-image: url(../images/3a5f.jpg);}
#blok3a5g{background-image: url(../images/3a5g.jpg);}
#blok3a5h{background-image: url(../images/3a5h.jpg);}
#blok3a6{background-image: url(../images/3a6.jpg);}
#blok3a6a{background-image: url(../images/3a6a.jpg);}
#blok3a6b{background-image: url(../images/3a6b.jpg);}
#blok3a7{background-image: url(../images/3a7.jpg);}
#blok3a7a{background-image: url(../images/3a7a.jpg);}
#blok3a8{background-image: url(../images/3a8.jpg);}
#blok3a8a{background-image: url(../images/3a8a.jpg);}
#blok3a8b{background-image: url(../images/3a8b.jpg);}
#blok3a8c{background-image: url(../images/3a8c.jpg);}
#blok3a8d{background-image: url(../images/3a8d.jpg);}
#blok3a8e{background-image: url(../images/3a8e.jpg);}
#blok3a8f{background-image: url(../images/3a8f.jpg);}
#blok3a9{background-image: url(../images/3a9.jpg);}


#blok3b1, #blok3b2, #blok3b3, #blok3b4, #blok3b5, #blok3b6, #blok3b7, #blok3b8, #blok3b9{
height:90px; 
width:326px;
border-top:1px solid #fff;
position:absolute;
border-right:1px solid #fff;
border-bottom:1px solid #fff;}


#blok3b1{background-color:#975;}
#blok3b2{background-color:#9fb0b7;}
#blok3b3{background-color:#981;}
#blok3b4{background-color:#940;}
#blok3b5{background-color:#689;}
#blok3b6{background-color:#cdad00;}
#blok3b7{background-color:#b48c2a;}
#blok3b8{background-color:#995;}
#blok3b9{background-color:#9cd;}


#blok3b-tekst{
padding:5px 15px 0px 10px;
line-height:1.7em;}









h2 {padding:0 0 0 0; margin-top:10px; font: 1.2em Georgia, "Lucida Sans Unicode", Sans-Serif; color:#fff; border-bottom:1px solid #fff;
font-weight:normal;} 
h3 {padding:0 0 0 0; margin-top:10px; margin-bottom:10px; font: 1.3em Georgia, "Lucida Sans Unicode", Sans-Serif; color:#4d4834; font-weight:bold;} 


p{margin-bottom:17px;
font-size:1.1em;}

.streamer{color:#fff;}
.substreamer{font:1em Arial; color:#4d4834;}


ul{
list-style:square;
list-style-position: outside;
font-size:1.1em;
margin-left:17px;
margin-bottom:17px;}

a{color:#4d4834; text-decoration:underline;} 
a:visited{color:#4d4834;} 
a:hover{color:#4d4834; text-decoration:underline;}
a:active{color:#4d4834;}


#stijlerij{
clear:both;
width:950px;
height:8px;
text-align:left;
margin-top:5px;}

#stijlerij a{color:#fff; text-decoration:none; padding-left:350px;}








p i{font-style:italic;}
p b{font-weight:bold;}
.comment{color: red;}	
.center{text-align:center;}
a img{border:0 none transparent;}






.page404{font-size:1.8em;}