/* ontspannenwerken.nl */

body{
margin: 0;
padding: 0;
background-image: url(i/bg.gif);
background-attachment: fixed;
font: small Arial;
color: #666;
}

a{
color: #990;
}

h1{
font: x-large 'Arial Narrow';
color: #f39;
margin-top: 10px;
}

h2{
font: large 'Arial Narrow';
color: #f39; /*639*/
}

#w{
width: 964px;
margin: 0 auto 0 auto;
background-color: #fff;
line-height: 20px;
}

.voorbeeld{
border-left: 1px dotted #ccc;
padding-left: 10px;
margin-left: 10px;
}

.icon{
margin: 0 2px -4px 0;
border: none;
}

/* header */

#h{
float: left;
width: 964px;
padding-bottom: 10px;
background-color: #990;
margin-bottom: 10px;
}

/* index */

#c{
float: left;
width: 474px;
margin-right: 40px;
}

/* sidebar */

#s{
float: left;
width: 240px;
padding: 0 10px 0 10px;
}

.kop{
background-color: #ccc;
color: #fff;
padding: 5px 5px 5px 10px;
}

.blok{
margin-top: -15px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
}

/* navigatie */

#n{
padding: 0 0 0 10px;
float: left;
width: 160px;
margin-right: 20px;
}

#n a{
text-decoration: none;
font-size: medium;
}

/* footer */

#f{
clear: both;
padding: 10px;
width: 944px;
text-align: center;
color: #999;
}

#f a{
color: #999;
text-decoration: none;
}

#f a:hover{
text-decoration: underline;
}