body, html{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparant;
font-family:Arial, Helvetica, sans-serif;
}

#verticaal-voorpagina {
visibility:hidden;
width:100%;
height:50%;
margin-top:-375px;
float:left;
}

#content-voorpagina {
width:534px;
height:750px;
margin:0 auto;
clear:both;
text-align:left;
position:relative;
top: -375px;
/* weg op IE4 **/
position: static;
/** end hack */ 
}
/* weg op IE5mac \*//*/
div#verticaal {
display: none;
}
html, body {
height: auto;
}
/* einde hack */
/* ]]> */

#lees-verder-voorpagina	{
position:absolute;
background:#fff;
height:29px;
ont-size:20px;
line-height:29px;
margin:0 0 0 337px;
padding:0 5px;
color:#000;
cursor:pointer;
}

#sluiten-voorpagina	{
position:absolute;
cursor:pointer;
margin:0 0 0 480px;
}

#overlay-container-voorpagina	{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:3;
color:#fff;
text-align:center;
}

#overlay-bg-voorpagina	{
position:absolute;
background:#000;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:2;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

#logo_materia{
position: absolute;
margin: 0px 0px 0px 19px;
width: 180px;
height: 70px;
z-index: 1;
}

#language_block{
position: absolute;
margin: 0px 0px 0px 286px;
width: 91px;
height: 24px;
z-index: 1;
}

#language_text{
position: absolute;
margin: 4px 0px 0px 355px;
width: 100px;
height: 11px;
z-index: 1;
}

#bg_change{
position: absolute;
margin: 109px 0px 0px 650px;
width: 35px;
height: 35px;
z-index: 1;
}

div.logo_materia{
background-image: url('images/logo_materia.png');
}

#menu_left{
position: absolute;
margin: 141px 0px 0px 0px;
width: 199px;
height: 200px;
z-index: 1;
}

#menu_left #shadow_top{
float: left;
width: 199px;
height: 5px;
}

#menu_left #menu_item{
float: left;
width: 199px;
height: 25px;
}

#menu_left #menu_item #text{
position:absolute;
margin: 5px 15px 0px 0px;
width: 152px;
height: 25px;
text-align: right;
}

#menu_left #menu_item #shadow{
position:absolute;
margin: 0px 0px 0px 167px;
float: left;
width: 5px;
height: 25px;
}

#menu_left #menu_item #arrow{
position:absolute;
margin: 0px 0px 0px 172px;
float: left;
width: 27px;
height: 25px;
}

#menu_left #shadow_mid{
float: left;
width: 199px;
height: 5px;
}

#menu_left #shadow_bottom{
float: left;
width: 199px;
height: 5px;
}

#menu_nieuwsbrief{
float:left;
height:30px;
width:199px;
padding: 0px 0px 0px 10px;
margin-top:40px;
}

#menu_rss{
clear: both;
height:30px;
width:199px;
margin-left:155px;
margin-top:60px;
}

#content{
position: absolute;
margin: 94px 0px 0px 261px;
width: 349px;
height: 300px;
z-index: 1;
font-size:12px;
color:#72777b;
}

.ie #content{
margin-top:111px;
}

#content #top{
float: left;
width: 349px;
height: 75px;
*height: 69px;
}

#content #top #arrow{
position: absolute;
margin: 0px 0px 0px 0px;
float: left;
width: 30px;
}

#content #top #title{
position: absolute;
/*margin: 0px 0px 0px 20px;*/
margin: 0px 0px 0px 0px;
float: left;
width: 319px;
}

#content #text{
float: left;
width: 349px;
height: 20px;
overflow: show;
}

#menu_left #sub_shadow_top{
float: left;
width: 199px;
height: 5px;
}

#menu_left #sub_item{
float: left;
width: 199px;
}

#menu_left #sub_sub_item{
float: left;
width: 199px;
}

#menu_left #sub_item #sub_text{
position:absolute;
margin: 0px 0px 0px 0px;
float: left;
width: 167px;
text-align: right;
}

#menu_left #sub_item #sub_shadow_right{
position:absolute;
margin: 0px 0px 0px 167px;
float: left;
width: 27px;
background-image: url('images/menu_left_sub_shadow_right.jpg');
background-repeat: repeat-y;
}

#menu_left #sub_shadow_bottom{
float: left;
width: 199px;
height: 5px;
}

#sub_menu_spring {
position: absolute;
height: 30px;
width: 360px;
margin-top: 160px;
margin-left: 260px;
z-index: 20;
overflow: show;
}

#sub_menu_spring a {
display:block;
float:left;
margin:0px 1px;
text-decoration:none;
background:#70787c;
padding:5px;
color:#fff;
}

ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

li{
font-size: 12px;
color: #72777b;
line-height: 20px;
}

p{
font-size: 12px;
color: #72777b;
line-height: 18px;
}

p.boeken{
margin-top:5px;
margin-bottom: 5px;
font-size: 12px;
color: #72777b;
line-height: normal;
}

p.title{
font-family: Myriad Pro, Arial;
font-size: 18px;
color: #676a6e;
line-height: 22px;
}

p.language{
margin: 0px 0px 0px 0px;
color: #cbcbcb;
font-size: 10px;
}

a:link{
font-size: 12px;
color: #72777b;
}
a:active{
font-size: 12px;
color: #72777b;
}
a:visited{
font-size: 12px;
color: #72777b;
}
a:hover{
font-size: 12px;
color: #72777b;
}
a.boeken:link{
font-size: 12px;
text-decoration:none;
color: #72777b;
}
a.boeken:active{
font-size: 12px;
text-decoration:none;
color: #72777b;
}
a.boeken:visited{
font-size: 12px;
text-decoration:none;
color: #72777b;
}
a.boeken:hover{
font-size: 12px;
text-decoration:none;
color: #72777b;
}
a.language:link{
color: #cbcbcb;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
}
a.language:active{
color: #cbcbcb;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
}
a.language:visited{
color: #cbcbcb;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
}
a.language:hover{
color: #72777b;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
}

a.menu_left:link{
color: #72777b;
font-size: 11px;
text-decoration: none;
}
a.menu_left:active{
color: #72777b;
font-size: 11px;
text-decoration: none;
}
a.menu_left:visited{
color: #72777b;
font-size: 11px;
text-decoration: none;
}
a.menu_left:hover{
color: #000000;
font-size: 11px;
text-decoration: none;
}

input{
width: 200px;
}
textarea{
width: 200px;
height: 100px;
}

input.knop {
background-color: #ffffff;
font-size: 11px;
font-weight: bold;
color: #72777b;
width: 95px;
}

input.nieuwsbrief {
font-size: 11px;
border: 1px solid #ADB2B4;
width: 160px;
}


input.nieuwsbrief_go {
width: 20px;
height: 20px;
}

input.event {
font-size: 11px;
border: 1px solid #ADB2B4;
width: 200px;
}

#rss	{
position:relative;
top:140px;
float:right
}

#form1 p{
margin:0px;
}

#sitemap	{
empty-cells:hide;
}

#sitemap td	{
vertical-align:top;
border:1px solid #d9dbdd;
}

#sitemap td	{
vertical-align:top;
border:1px solid #d9dbdd;
}

#sitemap td a	{
display:block;
padding:5px;
width:100%;
height:100%;
text-decoration:none;
}